HTML・CSS

HTML・CSS

Bootstrapでリストのデザイン設定

Bootstrapでリストをデザインするには、classに"list-group"と"list-group-item"を使います。参考ページ:List group上のリストを表示する設定が下のHTMLで、ul要素のclassに"list-g...
HTML・CSS

Bootstrapでフォームをデザインする

Bootstrapでフォームをデザインするには、"form-control"をclassに追加します。参考ページ:forms<input type="text" class="form-control"></input>フォームのグループ化...
HTML・CSS

Bootstrapでボタンを作成する

Bootstrapでボタンを作成(デザイン)するには、クラス設定(class)で"btn"と色を設定する"btn-default"を使うとできます。参考ページ:Buttons<button type="button" class="btn ...
HTML・CSS

Bootstrapでテキストをセンター(中央)にする

Bootstrapでテキストをセンターにするには、クラス(class)に"text-center"を設定します。参考ページ:Emphasis<p class="text-center">中央</p>テキストを左、右に設定することもできます。...
HTML・CSS

Bootstrapで段組を作る(グリッドシステムを利用する)

Bootstrapでは、段組を簡単に作成できるようになっています。Bootstrap:Grid System基本的に最初にコンテンツを中央寄せで表示するために"container"をbodyタグ(開始)に追加して、その中にグリッドを構築して...