如何使用bootstrap阻止容器出现在标题下

mos*_*242 1 css header overlap twitter-bootstrap

我正在使用bootstrap为UX构建一个rails应用程序.我需要帮助弄清楚如何防止容器类出现在导航栏下面.这就是页面的html如下所示:

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <span class="pull-right"> Title text goes here </span>
    </div>
  </div>
</header>


<div class="container">
    <%= yield %> <br / >
</div>
Run Code Online (Sandbox Code Playgroud)

页面上唯一的CSS是来自bootstrap的css.

小智 5

看看bootstrap样本,也许你需要为身体添加样式:

  body {
    padding-top: 40px;
  }
Run Code Online (Sandbox Code Playgroud)