0

我正在浏览 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>

我认为这意味着引导程序对某些事情不满意，但我不知道是什么。

感谢您阅读本文：）

4

3 回答 3

0

如果您对您的代码与它应该是什么有疑问，请先尝试检查他的存储库。

https://github.com/railstutorial/sample_app_rails_4

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

于 2014-03-24T12:38:43.073 回答
0

进一步挖掘 RAdan 的评论

奇怪的是， gem list --local 给出了 - bootstrap-sass (3.1.1.0, 2.3.2.0)

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

gem 卸载 bootstrap-sass -v 3.1.1.0

于 2014-04-12T22:46:00.933 回答
0

假设这是导航栏的所有 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>
于 2014-03-24T11:25:53.633 回答