bootstrapお勉強 その１ ～その２はあるのか～

では第１話。

以下のサイトを参考に見ながらサンプルコードをポチポチ書いています。

Getting started · Bootstrap (本家)

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) - ＠IT

今日からはじめる！Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 | Find Job ! Startup

コピったサンプルコードをそのまま出してもしょうがないので、自分なりにポイントと思ったところを箇条書きで挙げていきます。

•  HTMLのテンプレは本家からコピれるBasicTemplateを元にする。
• 基本的に画面は横12のグリッドからなる。（グリッドをうまく配置することでレスポンシブを実現する？）
• class="container"でくくると横幅があう（12グリッド分の幅がcontainerなのか？）。
• 共通的なスタイルとしてactive、primary、success、info、warning、dangerなんかがある。
• class="btn btn-default  btn-lg"みたいに、プロパティをつけたしていく。最初のbtnは必須のようだ。
• どうやらcssファイルをさしかえればテーマ変更みたいなのができるみたい。

う～ん、わかったようなわからんような。