プログラミング

HTML・CSS

Bootstrapでパネルを作成する

Bootstrapでパネルを作成することができます。 参考ページ:Panels 設定の基本は、classに"panel panel-default"と"panel-body"を設定することでパネルを作成できます。 <div class="p...
HTML・CSS

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

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

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

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