Michael教程，导航栏第5章

Question

我正在尝试阅读Michael的Ruby on Rails教程，但是我在第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的旧版本，对我没有任何帮助。有人想到办法了吗？

编辑

app/assets/样式表中的application.css文件包含以下行：

*= require_tree .
*= require_self

而同一文件夹中的custom.scss文件以：

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

Answer 1

发现了这个问题:我的浏览器宽度为760 as，因为我在右边有一个带有开发工具的拆分屏幕。当我使窗口变宽时，导航条正确地对齐了。(现在羞愧地躲藏起来;)