css – Twitter-Bootstrap导航栏高度太小

前端之家收集整理的这篇文章主要介绍了css – Twitter-Bootstrap导航栏高度太小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Twitter-Bootstrap中导航栏的默认高度太小.当高度增加时,它会侵占下面的div.
如何增加滑动整个页面的导航栏的高度?如果可以,则如何将导航栏链接放置在导航栏的顶部/底部.

解决方法

我很确定我不喜欢这个解决方案,但它可以花费我花在这上面的时间.
.navbar .container { height: 2em; }

我还必须在同一个选择器中添加一些填充顶部,以使导航栏内的内容垂直对齐.

编辑:我只是重新阅读你的问题,看到你在“下面的div”有问题.在这样做时,您还需要调整body标签上的填充,例如

body { padding-top: 6em; }

Twitter Bootstrap docs on Navbar

When you affix the navbar,remember to account for the hidden area underneath. Add 40px or more of apdding to the <body>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.

原文链接:https://www.f2er.com/css/216139.html

猜你在找的CSS相关文章