WEB制作・開発デザインTwitter社が提供しているBootstrap.cssの使い方をメモ。Systemの具体的な使い方を中心に書いていきます。Bootstrapを知らない人のために一応さわりだけ触れておきます。Systemの基本ルールカラムオプションメディアクエリモバイル、タブレット、デスクトップの設定Bootstrap.cssとはhttp://getbootstrap.comTwitter社が作ったcss。用意されているソースに適用するだけで、素早く見栄えのいいWEBサイトを作ることができるcssのフレームワーク。代表的なのはレスポンシブデザインに対応していることで爆発的な人気を遂げ、多くのサイトで使われるようになった。その他にも、ドロップダウンメニューやフォームやボタンやテーブルなど、WEBサイトでよく使われるスタイルに対応している。Sysytemは横幅全体を12カラムとしている。スマートフォン(<768px)では1カラム、タブレット(≥768px)では2カラム、デスクトップ(≥992px)では、3/4カラムになる。スマートフォン(<768px)では1/2の半分、デスクトップ(≥992px)では、1/3カラムになる。