解决方法
我很确定我不喜欢这个解决方案,但它可以花费我花在这上面的时间.
.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.