Div在bootstrap中低于其他div

Question

我知道这是一个愚蠢的问题,但我坚持了将近4个小时.我是新手我正在建立一个移动视图的网站(也可以从桌面上查看)使用asp.net.I想要一个崩溃的菜单移动设备中的功能我使用div与class ="navbar navbar-fixed-top"现在我想要另一个div应该在这个div之后.这是我的代码

   <div class="navbar navbar-fixed-top"><!--First div-->
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#">Project name</a>
      <div class="nav-collapse">
        <ul class="nav">
          <li ><a href="#">Home</a></li>
          <li class="active"><a href="GridView.aspx">About</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </div><!--/.nav-collapse -->

    </div>

  </div>

</div>
<div id="Second"> <h2 style="text-align:center;">I want this div to come after the above div</h2></div>

当我在移动设备上查看时,这会给出正确的输出,但是当我在桌面上运行时,我无法看到第二个div.

谢谢

Answer 1

指定一个bootstrap类row或row-fluid

<div id="Second" class="row">
</div>

Plunker DEMO

读 Bootstrap Scaffolding