5

私はgithubからのクローンが少ないTwitterブートストラップを使用しています。960px の固定レイアウトが必要なため、グリッド幅の変数を設定したいと考えています。幅 940px のデフォルト値は次のとおりです。

@gridColumns:             12;
@gridColumnWidth:         60px;
@gridGutterWidth:         20px;

固定 960px レイアウトにはどのような値を設定する必要がありますか?

これで試してみましたが、結果は950pxでした：

@gridColumns:             12;
@gridColumnWidth:         70px;
@gridGutterWidth:         10px;
4

2 に答える 2

7

方程式を解く

方程式の解を見つける必要があります。それらの1つは次のとおりです。

@gridColumns:             12;
@gridColumnWidth:         69px;
@gridGutterWidth:         12px;

別のもの：

@gridColumns:             12;
@gridColumnWidth:         58px;
@gridGutterWidth:         24px;

ただし、デフォルトを使用します

Bootstrapは幅 960px 用に設計されていますが、側面に追加のマージン/パディングを指定していません:

| ------------------------------ 960px width ---------------------------------- |
10px left margin | ------------- 940px container ------------ | 10px right margin

したがって、960px をターゲットにしている場合は、デフォルト値を使用することをお勧めします。

于 2012-09-05T17:30:08.253 に答える
1

いつでも 960px のコンテナーを作成して、fluid を使用できます。

于 2013-02-07T00:32:28.070 に答える