Bootstrap：更改網格尺寸

Question

我有一個容器，我想使容器更大。默認情況下，引導程序將其設置爲1200px。我認爲通過將col-md-4更改爲像col-lg-4這樣的東西，它會擴大網格，但它不適合我。有沒有辦法擴展網格？

Answer 1

如果你不想混亂變量少，只是想增加你的容器大小......確保你的自定義CSS樣式表在你的引導CSS後調用，以便它不被覆蓋，然後使用在樣式表一個簡單的CSS標記，例如

@media (min-width: 1200px) { 
.container{ 
    width: 1400px; 
} 

你甚至可以使用最小寬度/ MAX-width屬性，或者貝尼亞指出，你也可以使用容器流體要將容器最大限度地全寬的視口。

Answer 2

前往上引導網站Customize菜單，並選擇您的首選尺寸。在Less Variables -> Grid system中，您可以找到一個表單輸入您的首選尺寸。然後您可以輕鬆下載首選網格。希望這會有所幫助。

Answer 3

可以使用<div class="container-fluid">的容器，將您的視口的整個寬度。

Answer 4

在col-XX-num中間項對應於屏幕尺寸，這將導致你的網格中的「破發」，使在網格中的項目是響應。例如，對於一類col-sm-4一個div會佔用4在默認引導row 12個網格單元，直到「小」畫面尺寸注意（在自舉「小」被定義爲750px）。 Read more about the Bootstrap grid。

如果你想改變引導container的width，使用CSS：

.container{ 
    max-width: 1900px; 
} 

這將使集裝箱更寬，但不會讓你的網格大。 Bootstrap網格被鎖定在每行12個單元格。當你在例子中使用col-md-4這個類時，你告訴Bootstrap使這個元素在這行中的12個單元中佔用4個。

也許你會實現你想要的結果讓你列佔用較少的細胞。像col-md-2之類的東西，那麼你可以使用像col-md-offset-2這樣的東西來定位列中的行，如果需要的話。

希望這會有所幫助！