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. 导航栏高度
- 3. ios 7导航栏太小
- 4. Lone导航栏高度与导航控制器中的导航栏高度
- 5. 获取导航栏高度
- 6. 导航栏高度问题
- 7. 导航栏高度变化
- 8. 导航栏更改高度
- 9. 更改导航栏高度
- 10. 与导航栏高度
- 11. 导航栏品牌图片不适合导航栏高度
- 12. 导航栏按钮比导航栏高度更大
- 13. 根据屏幕宽度调整导航栏的最小高度
- 14. 导航栏 - 高度/间距问题
- 15. 导航栏高度是43点?
- 16. iOS 11导航栏高度自定义
- 17. iPad导航栏自定义高度
- 18. 迫使导航栏的高度,以44
- 19. 增加导航栏高度为iPad
- 20. Bootstrap导航栏自定义高度
- 21. 不同导航栏故事板高度
- 22. 如何更改导航栏的高度?
- 23. 如何测量导航栏的高度
- 24. 在Swift中设置导航栏高度
- 25. 导航栏的高度和功能
- 26. 如何恢复导航栏高度
- 27. CSS导航栏自动高度
- 28. ios7突然导航栏高度变化
- 29. bootstrap导航栏高度问题
- 30. 制作类增加导航栏高度
解决了。 在.navbar .nav中更改高度 添加了填充并给出了一个值 – Gattoo 2012-03-30 09:15:12
将您的结果作为答案发布,并通过勾选绿色复选标记以使此问题关闭,从而在将来有助于其他用户的批准。 – 2012-04-02 11:55:25
谢谢。我会爱别人,也许是你,做吧。 – Gattoo 2012-04-03 05:01:31