我正在創建一個無響應的Bootstrap模板。因此Bootstrap中Non-responsive設計的寬度是940px。但這裏的問題是,我被要求只使用1170px的佈局寬度。所以我想知道Bootstrap中是否有任何規定用1170像素寬度製作非響應式佈局?如何使用1170px寬度的bootstrap固定寬度佈局?
3
A
回答
6
看起來老版本的Bootstrap確實使用了1170px,但它被改爲940px(Why is the Twitter Bootstrap "fixed" layout NOT fixed?)。如果你想使用最新版本(2.3.1)的最好的事情將覆蓋.container在你的CSS ...
.container {
width:1170px;
}
1
您可以自定義表格列寬以及Customize Twitter Bootstrap頁面中的網格排水溝寬度。你需要增加的寬度:
- @gridColumnWidth
- @gridGutterWidth
例如,如果你把30像素的@gridGutterWidth
和@gridColumnWidth
的70像素,你會做到這一點總寬度,不破壞引導網格。
編輯:此外,如果您使用較少的SASS修改這兩個變量來完成。
相關問題
- 1. CSS - 固定寬度佈局
- 2. Bootstrap 3固定寬度佈局,全寬頁腳
- 3. 使用bootstrap導航欄固定左右寬度佈局
- 4. CSS定位固定寬度的佈局
- 5. 沒有固定寬度的列布局
- 6. 沒有固定寬度的CSS佈局
- 7. 自動適合固定寬度佈局到屏幕寬度
- 8. 固定寬度佈局,一個孩子橫跨全屏寬度
- 9. css佈局固定寬度和可變寬度在同一行
- 10. Bootstrap內聯表單 - 如何使用固定的寬度/跨度?
- 11. JQuery佈局固定寬度關閉時
- 12. 安卓:線性佈局固定寬度
- 13. Flex佈局流體和固定寬度
- 14. 如何讓twitter bootstrap navbar固定寬度?
- 15. 固定寬度
- 16. 固定寬度
- 17. 固定寬度
- 18. 使用寬度1170px與bootstrap.css(響應)
- 19. 如何將固定高度/寬度固定佈局轉換爲彈性?
- 20. 定心固定寬度的佈局,同時保持最小寬度滾動
- 21. 如何使Ext.Panel寬度覆蓋其父表佈局的寬度?
- 22. 如何將任何固定寬度的佈局轉換爲柔性寬度佈局?
- 23. Twitter Bootstrap雙列響應式佈局 - 邊欄100%固定寬度的高度
- 24. 最小寬度的3列布局(固定,流體,固定)
- 25. 跨度的固定寬度?
- 26. 如何讓CSS多列布局在使用自動固定寬度列時使用適當的寬度?
- 27. 佈局固定寬度,具有固定頁腳的全高,全寬
- 28. 使用CSS保持固定高度和固定寬度佈局中的視頻寬高比
- 29. 如何製作固定寬度的中心3列布局?
- 30. Twitter Bootstrap佈局寬度隱藏元素
它是否調整.span1 ... .span12類的寬度以適應內部容器? – aslamdoctor 2013-04-27 15:21:44
是的,它仍然會像往常一樣調整 – ZimSystem 2013-04-27 16:30:02
這是一個Bootstrap 3固定寬度解決方案:http://bootstrapzero.com/bootstrap-template/fixed-width – ZimSystem 2014-01-10 13:17:14