/ / Michael Hartl RoRチュートリアル、ナビゲーションバーの第5章が整列しない-ruby-on-rails、twitter-bootstrap、railstutorial.org

Michael Hartl RoRチュートリアル、ナビゲーションバーの第5章は整列しない - ruby​​-on-rails、twitter-bootstrap、railstutorial.org

私はマイケル・ハートルを通過しようとしています(素晴らしい)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"

以前に尋ねられた質問(たとえば ここに)しかし、それらは古いバージョンのRoRであり、私には何の助けにもなりませんでした。誰もがアイデアを思いつきましたか?

[編集]

application.css app / assets / stylesheetsのファイルには次の行が含まれます。

*= require_tree .
*= require_self

そしてその custom.scss 同じフォルダ内のファイルは次で始まります:

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

回答:

回答№1は0

問題が見つかりました: 右側に開発者ツールを備えた分割画面があるため、ブラウザーの幅は760pxでした。ウィンドウを広げると、ナビゲーションバーが適切に配置されました。今恥をかくこと;)