未能渲染回报率哈特尔教程变化

我刚开始的Ruby on Rails的教程由迈克尔·哈特尔的第5课：在布局灌装加入一些结构未能渲染回报率哈特尔教程变化

我的变化，虽然都没有被下旬以来第3课渲染。当我在任何页面（home.html.erb，about.html.erb等）中进行更改时，我都没有问题。但是登录和标题等内容不会改变。

application.html.erb

<!DOCTYPE html> 
<html> 
    <head> 
    <title><%= full_title(yield(:title)) %></title> 
    <%= stylesheet_link_tag "application", media: "all", 
              "data-turbolinks-track" => true %> 
    <%= javascript_include_tag "application", "data-turbolinks-track" => true %> 
    <%= csrf_meta_tags %> 
    <!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
    </head> 
    <body> 
    <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> 
    <section> 
     <%= yield %> 
    </section> 
    </body> 
</html>

的routes.rb

SampleApp::Application.routes.draw do 
    get "pages/home" 
    get "pages/contact" 
    get "pages/about" 
end

home.html.erb

<h1>Sample App</h1> 
<p>This is the home page for the <a href="http://railstutorial.org">Ruby on Rails Tutorial</a> sample application.</p>

再次，我页面在第三章中没有使用样式表，不更改导航栏，而是使用不正确的标题（localhost：3000/pages/home）来代替Ruby on Rails示例应用程序。

来源

2013-09-26 Mike Adeleke

那些类navbar，你正在使用的navbar-fixed-top不存在css，那些是twitter bootstrap 2.3.2的一部分，它是css类和javascript函数的集合。所以为了使这段代码起作用，首先在Railsproject/app/assets/stylesheets /目录中包含bootstrap.css文件。你可以在这里下载引导编译的文件http://getbootstrap.com/2.3.2/ 注意：bootstrap.css位于bootstrap-2.3.2/dist/css /目录下。只需复制该文件，一切都会正常工作。

您在application.html.erb语法中犯了一个错误。

不要使用标签来定义导航类，而是使用标签。所以正确的语法是：

<nav 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> 
</nav>

我认为应该解决这个问题。

来源

2013-09-26 18:10:01

不幸的是，也没有工作。你知道这是为什么吗？ –

折叠导航栏，您是否使用twitter bootstrap 3 ?,请转到：getbootstrap.com检出该站点中的组件部分。你会发现很多模板和代码的东西。更好地使用和改变，而不是物理地写一切 –

未能渲染回报率哈特尔教程变化

回答

相关问题