html - Bootstrap 中其他 div 下方的 div

Question

我知道这是一个愚蠢的问题，但我坚持了将近 4 个小时。我是 bootstrap 的新手，我正在使用 asp.net 构建一个用于移动 View (也可以从桌面查看)的网站。我想要一个移动设备中具有折叠功能的菜单我正在使用带有 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

指定 Bootstrap 类 row 或 row-fluid

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

Plunker DEMO

阅读 Bootstrap Scaffolding