css - 将台式机的Bootstrap网格和容器宽度从1170px更改为1000px

任何人都知道如何将引导程序中的网格容器从标准的1170px更改为具有12列的1000px。我一直在尝试更改variables.less中的列宽和装订线宽度，但无法更改任何内容。

非常感谢

帕特里克

正在尝试这样做：

// 1200px min

@ gridColumnWidth1200：65px;

@ gridGutterWidth1200：20px;

@ gridRowWidth1200：（@gridColumns * @ gridColumnWidth1200）+（@ gridGutterWidth1200 *（@gridColumns-1））;

最佳答案

我假设您正在谈论的是Bootstrap 2.3.2，而不是版本3。如果是这样，则在variables.less中，您具有以下代码：

// GRID
// --------------------------------------------------


// Default 940px grid
// -------------------------
@gridColumns:             12;
@gridColumnWidth:         60px;
@gridGutterWidth:         20px;
@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

// 1200px min
@gridColumnWidth1200:     70px;
@gridGutterWidth1200:     30px;
@gridRowWidth1200:        (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));

// 768px-979px
@gridColumnWidth768:      42px;
@gridGutterWidth768:      20px;
@gridRowWidth768:         (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));

指向您所涉及的所有变量和数学...对变量进行适当的更改，以使其总和为您要寻找的新大小。也许您是在更改gridColumnWidth而不是gridColumnWidth1200