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タグ(開始)に追加して、その中にグリッドを構築...
HTML・CSS

CSSでワイルドカード(アスタリスク)を利用するやり方

似たようなクラス名があるとき、全て同じスタイルを設定したいときがあります。 <div class="thumbnails-1"></div> <div class="thunbnails-2"></div> 例えば上にあるクラス設定に対して...