導航欄沒有顯示在Rails網站

我正在將One Month Rails的基本網站放在一起，似乎無法弄清楚如何讓導航欄顯示在頂部。我花了幾個小時，想去社區。這裏是（使用引導SASS）導航欄沒有顯示在Rails網站

<div class="navbar navbar"> 
    <div class="navbar-inner"> 
     <div class="container"> 
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </a> 
      <a class="brand" href="#">Project name</a> 

       <div class="nav-collapse collapse"> 
        <ul class="nav"> 
         <li> 
          <%= link_to 'Home', root_path %> 
         </li> 
         <li>  
          <%= link_to 'About', about_path %> 
         </li> 
        </ul> 
        <ul class="nav pull-right"> 
           <li><%= link_to 'Login', '#' %></li> 
        </ul> 
       </div> 
     </div> 
    </div> 
</div>

下面是從application.html.erb標籤的代碼從_header.html.erb代碼：

<!DOCTYPE html> 
<html> 
    <head> 
     <body> 
      <title>One Month Rails</title> 
      <%= stylesheet_link_tag "application", :media => "all" %> 
      <%= javascript_include_tag "application" %> 
      <%= csrf_meta_tags %> 
     <%= tag :meta, name: "viewport", content: "width=device-width, initial-scale=1.0" %> 
     </head> 
     <body> 
     <%= render 'layouts/header' %> 
     <div class="container"> 
     <%= yield %> 
     <%= render 'layouts/footer' %> 
    </div> 
    </body> 
</html>

來源

2013-07-30 user2603139

你似乎有一些HTML錯誤在application.html.erb。但是大多數現代瀏覽器會在加載頁面時爲您解決這些錯誤。這裏有一個更好的版本：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>One Month Rails</title> 
     <%= stylesheet_link_tag "application", :media => "all" %> 
     <%= javascript_include_tag "application" %> 
     <%= csrf_meta_tags %> 
     <%= tag :meta, name: "viewport", content: "width=device-width, initial-scale=1.0" %> 
    </head> 
    <body> 
     <%= render 'layouts/header' %> 
     <div class="container"> 
      <%= yield %> 
      <%= render 'layouts/footer' %> 
     </div> 
    </body> 
</html>

你也應該確保你的_header.html.erb是app/views/layouts/。

最後，別忘了將bootstrap的css文件添加到app/assets/stylesheets/。

來源

2013-07-30 02:44:19 pgaspar

感謝您的幫助！問題是我錯誤地把我的頭文件放在app/views/pages而不是app/views/layouts / – user2603139

導航欄沒有顯示在Rails網站

回答

相關問題