引导程序中其他 div 下方的 div

Question

我知道这是一个愚蠢的问题，但我坚持了将近 4 个小时。我是新手引导我使用 asp.net 构建移动视图的网站（也可以从桌面查看）。我想要一个移动即时通讯中具有折叠功能的菜单使用带有 class="navbar navbar-fixed-top" 的 div 现在我想要另一个应该在这个 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

解决方案：附加 CSS。因为导航栏是position: absolute。

#Second {
    margin-top: 80px;
}

Answer 2

指定引导类row 或row-fluid

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

Plunker DEMO

阅读Bootstrap Scaffolding