1

我现在正在使用引导程序为 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>

页面上唯一的 CSS 是来自 bootstrap 的 CSS。

4

2 回答 2

5

查看引导示例，也许您需要为主体添加样式：

  body {
    padding-top: 40px;
  }
于 2013-06-20T04:21:30.350 回答
1

您需要在“navbar-inner”div 中使用“container”类的 div 有什么特别的原因吗？我建议将其类别更改为“品牌”，放弃跨度，并将标题文本放在该品牌 div 中，如下所示：

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

Bootstrap 可能对各种类的嵌套方式很挑剔，您应该遵循文档中概述的相同结构：

http://twitter.github.io/bootstrap/components.html#navbar

于 2013-06-20T04:21:45.350 回答