3回目投稿

Twitter Bootstrapについて覚えたことを書きます。

特徴について

  • twitter社仕様のcssフレームワーク

twitter社風のデザインが簡単に作れる

  • レスポンシブデザイン

グリッドシステム」を用いることで実行環境に応じて画面レイアウトの調整ができるので運用が簡単になります。

グリッドシステムについて
画面を12カラムに分割して使用します。

一、二、三、四、五、六、七、八、九、十

なら画面全体の6/12、画面半分のカラムが生成、使用するイメージになります。

以下イメージ——————————————————-

※画面幅(12/12)

□ □ □ □ □ □ □ □ □ □ □ □

の場合

※使用カラム(6/12)

□ □ □ □ □ □

一、二、三、四、五、六、

七、八、九、十

イメージ終了——————————————————-

という形になります。

“offset4″だと4カラムの間隔をとるイメージになります。

カテゴリー: css

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*