Question

我正在尝试通过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";

Answer 1

发现问题：我的浏览器宽度为760px，因为我的分屏是右侧的Developer Tools。当我使窗户变宽时，导航栏正确对齐。现在羞于羞辱;）

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

1 个答案: