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