Michael Hartl RoR 教程，导航栏第 5 章未对齐答案

【问题标题】：Michael Hartl RoR tutorial, navigation bar chapter 5 not aligningMichael Hartl RoR 教程，导航栏第 5 章未对齐
【发布时间】：2016-09-25 10:52:09
【问题描述】：

我正在尝试阅读 Michael Hartl 的（出色的）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/stylesheets 中的 application.css 文件包含以下行：

*= require_tree .
*= require_self

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

开头

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

【问题讨论】：

is 与 rails 本身无关。它只是关于 twitter-bootstrap 以及你如何使用它
不，我知道这与样式表有关，与 R 或 RoR 无关，但它在 RoR 教程中，我找不到解决方案，我真的不想花几个小时深入研究 Bootstrap，而我真的很想做 RoR 教程；）
您能否确认您的assets/stylesheets/application.[css|scss] 中需要bootstrap
我已经编辑了我的原始帖子并添加了 application.css 和 custom.scss 文件。我的页面确实显示了我尚未定义的各种其他样式，并且我认为这些样式来自引导程序，只是顶部导航的对齐搞砸了。

标签： ruby-on-rails twitter-bootstrap railstutorial.org

【解决方案1】：

发现问题：我的浏览器宽度为 760 像素，因为我有一个拆分屏幕，右侧是开发者工具。当我使我的窗口更宽时，导航栏正确对齐。现在躲在耻辱中；）

【讨论】：