Bootstrapは大変便利なものですが、ちょっとしたCSSを追加するともっと便利に利用できるようになります。 今回はBootstrapのグリッドシステムをセンタリングします。 1.基本的なBootstrapのグリッドシステムの拡張 追加するCSSコードは下記のコードです。(BootstrapのCSSは既に読み込まれている前提です) .row-center{ text-align:center; letter-spacing:-0.4em; } .row-center > [class*='col-'] { display:inline-block; letter-spacing:0; vertical-align:top; float:none !important; }
![簡単!Bootstrap拡張:センタリンググリッドシステム](https://cdn-ak-scissors.b.st-hatena.com/image/square/a422d9577ce49d0d346d4ca61493d45c0025a574/height=288;version=1;width=512/https%3A%2F%2Fwww.riarise.com%2Fwp-content%2Fuploads%2F2015%2F08%2Fbootstrap.jpg)