將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