导航栏没有显示在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网站

回答

相关问题