css - 对于固定的 960px 布局，我应该在 twitter bootstrap 中设置什么值？

Question

我正在使用 less 从 github 克隆的 twitter bootstrap。我想设置网格宽度变量，因为我需要一个 960px 的固定布局。 940 像素宽度的默认值为:

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

我应该为固定的 960 像素布局设置什么值？

我试过这个，但结果是 950 像素:

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

Answer 1

求解方程

您需要为 the equasion 找到解决方案.其中之一是:

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

另一个:

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

但使用默认值

Bootstrap was designed for 960px宽度，它只是没有在两侧指定额外的边距/填充:

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

因此，如果您的目标是 960px，我建议您使用默认值。