2014-03-24 230 views
0

我正在運行Michael Hartl的教程,並且已經達到了樣式和佈局章節,似乎出了點問題。而在本教程中,站點鏈接右對齊在一條線上(如http://railstutorial.org/images/figures/site_with_footer_bootstrap_4_0-full.png),我將它們右對齊,並且缺少一些(但不是全部)其他樣式元素。ruby​​ on rails教程第五章 - 造型

我試過更新寶石。

示例代碼 - _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> 

我認爲,這意味着自舉是不滿意的東西,但我不能告訴。

感謝遠閱讀本:)

+0

您正在使用哪個版本的Bootstrap,2.x或3.x? – tirdadc

+0

奇怪的是,gem list --local給出 - bootstrap-sass(3.1.1.0,2.3.2.0) – RADan

+0

在gemfile.lock中它是bootstrap-sass(3.1.1.0) – RADan

回答

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> 
+0

對不起 - 當我粘貼到代碼中時,我搞砸了代碼堆棧溢出,而不是在應用程序中。我在應用程序中檢查過它,它是正確的(它與上面的cade相匹配)。 – RADan

0

進一步翻閱RADAN的評論

古怪,寶石名單--local給 - 引導 - 薩斯(3.1.1.0,2.3.2.0)

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

gem uninstall bootstrap-sass -v 3.1 .1.0

相關問題