Nwht0xn1

bootstrap-sassで.containerの幅を小さくするCreated on 2016-04-27 by r7kamura

問題

Twitter BootstrapのSass版であるbootstrap-sassでは、.container を利用したときのデフォルトの横幅が以下のように 1140px + 30px になっており、少し大きすぎる場合がある。

$container-large-desktop: (1140px + $grid-gutter-width) !default;

対策

Bootstrapのコードを読み込む前に、$container-large-desktop を少し小さめの値に設定しておくと良い。bootstrap-sassのソースコードの方では !default が設定されているので上書きされずに済む。

$container-large-desktop: 970px;
@import "bootstrap-sass/assets/stylesheets/bootstrap";