カウンセラーのための 「あなたに相談したい！」と言われる、集客／顧客獲得型ホームページの作り方

Bootstrapのグリッドシステムで、カラムサイズがわかりづらいのでまとめてみました。 Bootstrap2.3 デバイス Phones Phones to Tablets Portrait Tablets Default Large Display ブレイクポイント 480px以下 767px以下 768px以上 980px以上 1200px以上 レイアウト幅 auto 見た目 724px 見た目 940px 見た目 1170px カラム数 N/A 12 1カラムの最大幅 auto（ブラウザ幅 - 20px - 20px） 42px 60px 70px カラムとカラムの隙間幅 N/A 20px（左にマージン） 30px（左にマージン） ネスト 可（再度rowかrow-fluidで囲う） オフセット （左空け） N/A 可 カラムオーダリング （右カラムと左カラムの入れ替え） N/A Bootstrap3 デバイス Extra Small Devices（Phones） Small Devices（Tablets） Medium Devices（Desktop) Large Devices（Desktop) クラスプレフィックス .col-xs- .col-sm- .col-md- .col-lg- ブレイクポイント 767px以下 768px以上 992px以上 1200px以上 レイアウト幅 auto（Max 767px） 750px（左右の15px×2含む） 970px（左右の15px×2含む） 1170px（左右の15px×2含む） 見た目 720px 見た目 940px 見た目 1140px カラム数 12 1カラムの最大幅 auto 60px（※１） 78px（※１） 95px（※１） 実際62px or 63px（※２） 実際80px or 81px（※２） 実際97px or 98px（※２） カラムとカラムの隙間幅 30px（左右に15pxずつパディング） ネスト （再度rowで囲う） 可 オフセット （左空け） N/A 可 カラムオーダリング （右カラムと左カラムの入れ

本体サイト http://sass-lang.com/ CSSをSCSSにコンバート http://css2sass.heroku.com/ チートシート http://sass-cheatsheet.brunoscopelliti.com/ ごちゃごちゃしてきたSCSSをきれいにするコマンド [コンソールで] $ sass-convert --from scss --to scss --in-place path/to/file.scss 以前書いたまとめ http://tomoosuzuki.blogspot.jp/2013/06/sassscsscompass.html