Ruby on Rails教程第五章-样式

Question

我正在遍历Michael Hartl的教程，并且到达了“样式和布局”一章，似乎有问题。 而在本教程中，站点链接在一行上右对齐（例如http://railstutorial.org/images/figures/site_with_footer_bootstrap_4_0-full.png ），但我却将它们正确地对齐在另一行的下方，有些（ （但不是全部）缺少其他样式元素。

我试过更新宝石。

示例代码-_header.html.erb

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
<div class="container">
  <%= link_to "sample app", '#', id: "logo" %>
  <nav>
    <ul class="nav pull-right">
      <li><%= link_to "Home",    '#' %></li>
      <li><%= link_to "Help",    '#' %></li>
      <li><%= link_to "Sign in", '#' %></li>
    </ul>
  </nav>
</div>

我认为这意味着引导程序对某些内容不满意，但是我无法说出什么。

感谢您阅读本文：)

Answer 1

假设这是导航栏的全部HTML，看起来标记未正确关闭。 尝试：

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <%= link_to "sample app", '#', id: "logo" %>
      <nav>
        <ul class="nav pull-right">
          <li><%= link_to "Home",    '#' %></li>
          <li><%= link_to "Help",    '#' %></li>
          <li><%= link_to "Sign in", '#' %></li>
        </ul>
      </nav>
    </div>
  </div>
</header>

Answer 2

如果您对代码及其应有的内容有疑问，请先尝试检查其存储库。

https://github.com/railstutorial/sample_app_rails_4

在那里，他有示例应用程序的完整工作副本。

Answer 3

进一步探讨RADan的评论

奇怪的是，gem list --local给出了-bootstrap-sass（3.1.1.0，2.3.2.0）

我发现我有同样的问题。 为了解决这个问题（它提供了较新版本的引导程序，而不是较旧版本的引导程序，这会导致CSS类问题），我通过在终端中输入以下内容来删除了较旧版本的引导程序：

gem卸载bootstrap-sass -v 3.1.1.0