2016-09-25 4 views
0

私はMichael Hartl(Rubill on 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の旧バージョンと私の助けにはなりませんでした。誰でもアイデアがありますか?

[EDIT]

アプリ/資産/スタイルシートでapplication.cssファイルに行が含まれています。

*= require_tree . 
*= require_self 

をし、同じフォルダ内にcustom.scssファイルで始まります:

@import "bootstrap-sprockets"; 
@import "bootstrap"; 
+0

は、レールそのものとは関係がありません。それはちょうど約twitter-bootstrapとあなたの使い方です – Aleksey

+0

いいえ、それはRやRoRではなく、スタイルシートと関係がありますが、RoRチュートリアルにあります。私は解決策を見つけることができません。 )実際にRoRのチュートリアルをしたいと思っている間、Bootstrapを掘り下げて時間を費やしたくないのですが) –

+0

あなたの 'assets/stylesheets/applicationに' bootstrap'が必要であることを確認できますか?[CSS | scss] ' – oreoluwa

答えて

0

問題が見つかりました:スプリット画面を持っていたため、ブラウザの幅が760pxでしたiの右側にある開発者ツール。ウィンドウを広げたとき、ナビゲーションバーが正しく整列しました。恥知らずに隠れている;)

関連する問題