将Bootstrap网格和容器宽度从1170px更改为1000px，适用于桌面

Question

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

非常感谢

帕特里克

试图这样：

// 1200px min 

@ gridColumnWidth1200：65px;

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

Answer 1

我假设你正在谈论引导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