HTML・CSS

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> テキストを左、右に設定することもでき...
HTML・CSS

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

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