Michael Hartl RoR教程，导航栏第5章不对齐

我试图通过Michael Hartl的（精彩）Ruby on Rails教程，但我在第5章中遇到了问题。标题中的导航栏垂直对齐并对齐左边，而不是水平和右边。Michael Hartl RoR教程，导航栏第5章不对齐

我的头（_header.html.erb）看起来是这样的：

<header class="navbar navbar-fixed-top navbar-inverse"> 
    <div class="container"> 
    <%= link_to "sample app", '#', id: "logo" %> 
    <nav> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><%= link_to "Home", '#' %></li> 
     <li><%= link_to "Help", '#' %></li> 
     <li><%= link_to "Log in", '#' %></li> 
     </ul> 
    </nav> 
    </div> 
</header>

，并在的Gemfile我

gem 'rails',      '5.0.0.1' 
gem 'bootstrap-sass',    '3.3.6' 
gem 'sass-rails',     '5.0.6'

的问题已经问过（如here）但那些旧版本的RoR并没有帮助我。任何人有想法？

[编辑]

的application.css文件中的应用程序/资产/样式表包含行：

*= require_tree . 
*= require_self

和custom.scss文件在同一文件夹的开头是：

@import "bootstrap-sprockets"; 
@import "bootstrap";

来源

2016-09-25 Michael Nieuwenhuizen

与轨道本身无关。它只是关于twitter-bootstrap以及你如何使用它 – Aleksey

不，我知道这与样式表有关，而与R或RoR无关，但它在RoR教程中，我找不到解决方案，而我真的不想花时间挖掘Bootstrap，而我真的想做RoR教程;） –

你能确认你在你的assets/stylesheets /应用中需要'bootstrap'吗？[css | scss]' – oreoluwa

发现问题：我有我的浏览器宽度在760px，因为我有一个分屏w ith开发工具在右侧。当我使窗口变宽时，导航栏正确对齐。现在躲在耻辱中;）

来源

2016-09-26 05:48:23

Michael Hartl RoR教程，导航栏第5章不对齐

回答

相关问题