twitter-bootstrap - BootStrap で最大幅と gridcolumns をどのように設定しますか?

Question

幅を960pxに設定したい。現在979pxです。私はあなたが得る変数.lessで見る：

@navbarCollapseWidth:             960px;

さらに重要なことは、次のようなことです。

@gridColumns:             16;
@gridColumnWidth:         60px;
@gridGutterWidth:         10px;

ただし、これらを変更しても、標準の Bootstrap 機能には影響しませんか?

Answer 1

これはあなたが探しているものですか？

Twitter Bootstrap 2 で 16 列のレスポンシブ レイアウトを取得するにはどうすればよいですか?

それはline 517 of the mixinsあなたが探す必要があることを指しています_mixins.less（私は.scssバージョンを使用しているので.lessだと思います）

もう1つの小さなこと（単なるタイプミス？）：16列を使用すると、@gridColumnWidth: 60px合計で960pxになります:)

Answer 2

ブートストラップ ファイル内のメディア クエリを編集して、979 ピクセルの最大幅または最小幅にも設定しないようにしたい場合があります。この計算は、列とガターのサイズを正しく計算するのに役立ちます。

@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));