Question

我有一个使用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>

jumbotron CSS：

 .jumbotron {
 height: 100%;
 padding-top: 80px;
 padding: 40px;
 margin-bottom: 0px;
 font-size: 15px;
 font-weight: 100;
 line-height: 2.1428571435;
 color: inherit;
 }

我有一个带有telerik网格的视图，当它显示在屏幕上时，它适合菜单。我认为，正好占据了100％的jumbotron。那么，我怎样才能将jumbotron放在菜单下面，将它们分开？

Answer 1

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

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

如果您需要固定的导航栏，请将padding top: 30px（等于导航栏的高度）添加到body

body { 填充：30px 0 0; }

怎么把jumbotron放在菜单上下文之下？

1 个答案: