我試着去創造與流體中心和固定邊的三個欄佈局。這是一個jsfiddle。看起來好像nav的clearfixes將主要內容推到側邊欄下面。沒有clearfixes,內容通常會開始顯示不正確。有人知道怎麼修這個東西嗎?與Twitter的引導三個欄佈局流體 - clearfixes搞亂事情
4
A
回答
2
定義你的.nav-tabs
DIV作爲inline-block
其邊界內包含它正確,就像這樣:
.nav-tabs {
display: inline-block;
width:100%;
}
演示:http://jsfiddle.net/6vPqA/15/show/ 編輯:http://jsfiddle.net/6vPqA/15/
編輯:增加寬度,使菜單更好地適應。
1
指定的導航類的高度似乎拉內容的側邊欄之間。
喜歡的東西:
.nav {height:50px}
相關問題
- 1. 流體Twitter的引導佈局與左和右(側欄)最小寬度列
- 2. 實現以下佈局與Twitter引導
- 3. twitter bootstrap流體佈局
- 4. Twitter的引導3 - 佈局
- 5. 三柱流體佈局
- 6. Twitter引導 - 固定佈局與滾動邊欄
- 7. 引導響應流體佈局
- 8. HTML5引導流程佈局
- 9. Bootstrap搞亂Wordpress CSS
- 10. 兩欄佈局引導
- 11. 固定邊欄導航流體twitter引導2.0
- 12. 三個欄佈局等高
- 13. 下拉菜單是搞亂佈局?
- 14. Twitter的引導浮起帆布邊欄
- 15. Twitter引導響應式佈局
- 16. Twitter的引導3佈局問題
- 17. 引導流體佈局和全高度的div
- 18. 引導兩個欄佈局 - 對齊與文本區域
- 19. subnav欄與twitter引導摺疊
- 20. 流體佈局 - 保存佈局
- 21. 導航欄佈局
- 22. Primefaces組件渲染與twitter引導佈局
- 23. CSS流體佈局?
- 24. JavaScript流體佈局
- 25. twitter引導欄和內容
- 26. twitter引導滾動側欄
- 27. CSS:3個欄佈局與固定側欄導航
- 28. 動態邊欄與導軌佈局
- 29. 流體閃存佈局
- 30. Twitter的引導導航欄不exandable
出色答卷。請記住,而不是宣稱自己的「左」和「右」的類可以使用白手起家「拉左」和「右拉」 – 2012-07-25 10:51:37
你知道這是爲什麼? – 2012-08-28 19:29:48
@JonathanOng因爲塊級元素不除非另外指定一個特定的寬度和高度是其範圍內包含自己。否則,只要他們的容器允許它們就可以伸展。 '顯示:直列block'允許保留其邊界和利潤中的元素,因此不會填滿你看到應用修復之前空的空間。 – 2012-08-28 23:09:02