Html 如何将jumbotron置于菜单上下文之下？_Html_Css_Asp.net Mvc_Twitter Bootstrap

Html 如何将jumbotron置于菜单上下文之下？

html css asp.net-mvc twitter-bootstrap

Html 如何将jumbotron置于菜单上下文之下？,html,css,asp.net-mvc,twitter-bootstrap,Html,Css,Asp.net Mvc,Twitter Bootstrap,我有一个使用boostrap布局的页面 <body> <div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> //All menu stuff occuping all the width of the top. </div> //Jumbotron rendering bod

我有一个使用boostrap布局的页面

<body>
 <div class="navbar  navbar-default navbar-fixed-top" role="navigation">        
    <div class="container">
  //All menu stuff occuping all the width of the top.
 </div>

  //Jumbotron rendering body of views.
  <div class="jumbotron">
    @RenderBody()
  </div>
</body>

我有一个带有telerik网格的视图，当它显示在屏幕上时，它就位于菜单后面。因为我认为巨无霸是百分之百的。那么，如何在菜单下方安装jumbotron，将它们分开？

从导航中删除navbar固定类，如下所示：

<div class="navbar  navbar-default" role="navigation">

如果您想要固定导航栏，请在

主体中添加一个填充顶部：30px
（等于导航栏的高度）

身体{ 填充：30px0；

}

谢谢，它解决了我的问题。但现在我需要向下滚动大约50px才能看到我的页脚。我知道这是什么了，我没有css方面的经验。

<div class="navbar  navbar-default" role="navigation">