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

如果你有關於你的代碼VS它應該是什麼的提問，儘量先檢查他的倉庫。

https://github.com/railstutorial/sample_app_rails_4

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

Answer 2

假設這是所有的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 3

進一步翻閱RADAN的評論

古怪，寶石名單--local給 - 引導 - 薩斯（3.1.1.0，2.3.2.0）

我發現我有同樣的問題。爲了解決這個問題（它服務於較新版本的引導程序而不是舊版本 - 這會導致CSS類問題）我通過在終端中輸入以下內容來刪除舊版引導程序：

gem uninstall bootstrap-sass -v 3.1 .1.0