Twitter-Bootstrap中導航欄的默認高度太小。當高度增加時,會侵蝕下面的div。 如何增加滑動整個頁面的導航欄的高度?如果這是可能的,如何將導航欄鏈接放置在導航欄的頂部/底部。Twitter-Bootstrap導航欄高度太小
8
A
回答
19
我很確定我不喜歡這個解決方案,但它的工作量我必須花費在這個上。
.navbar .container { height: 2em; }
我不得不在相同的選擇器中添加一些填充頂部以使導航欄內部的東西能夠很好地垂直對齊。
編輯:我只是重新讀你的問題,看到你遇到了「下面的div」的問題。在這種情況下,你還需要調整身體標記的填充,例如
body { padding-top: 6em; }
每Twitter Bootstrap docs on Navbar:
當你貼上的導航欄,記得要佔隱藏區域 下方。添加40px或更多的apdding到<機身>。請務必在覈心引導CSS之後以及可選的響應 CSS之前添加 。
+0
這也是一個可行的解決方案。謝謝@Chris。 – Gattoo 2012-04-20 07:00:35
6
添加像這樣的填充是不夠的,如果你使用的響應 引導。在這種情況下,當您調整窗口大小時,您會在頁面頂部和導航欄之間產生空隙 。一個適當的解決方案是這樣的:
body {
padding-top: 60px;
}
@media (max-width: 979px) {
body {
padding-top: 0px;
}
}
來源: Twitter Bootstrap - top nav bar blocking top content of the page
1
你可以試試這個。它適用於任何尺寸的顯示器。
0
</script>
$(".dropdown-toggle").click(function() {
$(".nav-collapse").css('height', 'auto')
});
</script>
這解決了我的一個類似的問題,(子菜單並沒有出現因爲小母UL高度,在第一次點擊)也許它適用於你。
相關問題
- 1. 導航欄UINavigationController太高
- 2. Lone導航欄高度與導航控制器中的導航欄高度
- 3. 導航欄更改高度
- 4. 導航欄高度問題
- 5. 導航欄品牌圖片不適合導航欄高度
- 6. 根據屏幕寬度調整導航欄的最小高度
- 7. 如何更改導航欄高度
- 8. 快速導航欄的高度4
- 9. iMessage(iOS 10)中的導航欄高度
- 10. 導航欄 - 高度/間距問題
- 11. Bootstrap 4導航欄高度問題
- 12. 不同導航欄故事板高度
- 13. iOS 11導航欄高度自定義
- 14. 默認導航欄高度ios
- 15. Xcode - 自定義導航欄高度
- 16. 如何恢復導航欄高度
- 17. 增加導航欄高度爲iPad
- 18. 更改側欄導航的高度
- 19. 製作類增加導航欄高度
- 20. 如何測量導航欄的高度
- 21. 導航欄的高度和功能
- 22. TimelineJS:更改導航欄的高度?
- 23. 自舉4導航欄有較小的視零高度
- 24. Bootstrap:在導航欄中填充整個容器減去導航欄高度
- 25. viewWillTransitionToSize和錯誤的導航欄和狀態欄框架高度
- 26. 導航欄自定義高度與右側的搜索欄
- 27. 導航欄高度的增加,當介質寬度
- 28. 如何更改導航欄摺疊高度引導程序4?
- 29. ios更改導航欄高度導致leftBarButtonItem不能居中
- 30. 引導導航欄鏈接背景高度
解決了。 在.navbar .nav中更改高度 添加了填充並給出了一個值 – Gattoo 2012-03-30 09:15:12
將您的結果作爲答案發布,並通過勾選綠色複選標記以使此問題關閉,從而在將來有助於其他用戶的批准。 – 2012-04-02 11:55:25
謝謝。我會愛別人,也許是你,做吧。 – Gattoo 2012-04-03 05:01:31