我有一個容器,我想使容器更大。默認情況下,引導程序將其設置爲1200px。我認爲通過將col-md-4更改爲像col-lg-4這樣的東西,它會擴大網格,但它不適合我。有沒有辦法擴展網格?Bootstrap:更改網格尺寸
0
A
回答
1
如果你不想混亂變量少,只是想增加你的容器大小......確保你的自定義CSS樣式表在你的引導CSS後調用,以便它不被覆蓋,然後使用在樣式表一個簡單的CSS標記,例如
@media (min-width: 1200px) {
.container{
width: 1400px;
}
你甚至可以使用最小寬度/ MAX-width屬性,或者貝尼亞指出,你也可以使用容器流體要將容器最大限度地全寬的視口。
0
前往上引導網站Customize菜單,並選擇您的首選尺寸。在Less Variables -> Grid system
中,您可以找到一個表單輸入您的首選尺寸。然後您可以輕鬆下載首選網格。希望這會有所幫助。
1
可以使用<div class="container-fluid">
的容器,將您的視口的整個寬度。
0
在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
這樣的東西來定位列中的行,如果需要的話。
希望這會有所幫助!
相關問題
- 1. CSS Bootstrap網格系統的尺寸
- 2. 更改網頁的尺寸
- 3. 更改尺寸
- 4. 在更改尺寸時更新價格
- 5. 更改TTPhotoView尺寸
- 6. 更改尺寸JButton
- 7. Kendo ui網格可更新網格後的網格尺寸
- 8. Matplotlib - 更改矩形網格內的打印尺寸
- 9. 更改image_submit_tag中的尺寸
- 10. 更改圖的尺寸MATLAB
- 11. 更改尺寸的tableview
- 12. 更改NavigationItem標題尺寸
- 13. 如何根據其他物品的尺寸更改imageView尺寸?
- 14. 如何根據屏幕尺寸更改按鈕尺寸?
- 15. 如何更改Twitter Bootstrap網格寬度?
- 16. 不同物品尺寸的RecyclerView網格
- 17. Cuda的不修改輸入,如果網格尺寸太大
- 18. 輸入格尺寸
- 19. Windows窗體:如何使窗體和網格更改尺寸一起?
- 20. 在SVG更改線尺寸與jQuery
- 21. 更改車身尺寸高度
- 22. 更改尺寸瀏覽器窗口
- 23. 使用JavaScript更改主體的尺寸
- 24. iText:根據ResultSet更改頁面尺寸
- 25. 更改照片尺寸Windows Phone 8
- 26. 根據屏幕尺寸更改佈局
- 27. 通過屏幕尺寸更改LinearLayout
- 28. 如何更改幾何尺寸
- 29. 如何更改PhoneGap的屏幕尺寸?
- 30. 無法更改元素的尺寸