Bootstrap导航栏固定顶部：失去了Jumbotron部分的顶部

Question

我正在玩这个地址的样本页面Bootstrap navbar固定顶部： http://getbootstrap.com/examples/navbar-fixed-top/

在我的情况下，我扩展了默认菜单的长度（即添加更多菜单项或更长的项目措辞）。当屏幕大小介于768-990px​​之间时，Navbar分为2行（左上部分，右上部分）。

当这种情况发生时，Joombotron部分的顶部是导航栏后面的叠加和缺失（点击下图）。

可以进行哪些更正以确保Jumbotron始终位于导航栏部分下方？

谢谢你， ķ

top of jumbotron is missing

Answer 1

在导航栏固定顶部的默认模板中，body元素的填充为70px，将其推到导航栏下方。如果增加固定导航栏的大小，还需要在这两个断点之间向主体添加额外的填充：

@media only screen and (min-width:768px) and (max-width: 990px)  {
 body {
  padding: /*new padding rule here*/
  }
 }

您可以使用chrome dev工具获取展开的导航栏的高度。