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

指定引导类row或row-fluid

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

Plunker DEMO

阅读 Bootstrap Scaffolding

Answer 2

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

#Second {
    margin-top: 80px;
}

Div在bootstrap中低于其他div

2 个答案: