将桌面的Bootstrap网格和容器宽度从1170px更改为1000px

Question

任何人都知道如何将引导程序中的网格容器从标准1170px更改为具有12列的1000px。我一直试图改变变量中的列宽和沟槽宽度。但是无法改变任何东西。

非常感谢

帕特里克

试着这个：

// 1200px min

@ gridColumnWidth1200：65px;

@ gridGutterWidth1200：20px;

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

Answer 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