Michael Hartl RoR教程，導航欄第5章不對齊

我試圖通過Michael Hartl的（精彩）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並沒有幫助我。任何人有想法？

[編輯]

的application.css文件中的應用程序/資產/樣式表包含行：

*= require_tree . 
*= require_self

和custom.scss文件在同一文件夾的開頭是：

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

來源

2016-09-25 Michael Nieuwenhuizen

與軌道本身無關。它只是關於twitter-bootstrap以及你如何使用它 – Aleksey

不，我知道這與樣式表有關，而與R或RoR無關，但它在RoR教程中，我找不到解決方案，而我真的不想花時間挖掘Bootstrap，而我真的想做RoR教程;） –

你能確認你在你的assets/stylesheets /應用中需要'bootstrap'嗎？[css | scss]' – oreoluwa

發現問題：我有我的瀏覽器寬度在760px，因爲我有一個分屏w ith開發工具在右側。當我使窗口變寬時，導航欄正確對齊。現在躲在恥辱中;）

來源

2016-09-26 05:48:23

Michael Hartl RoR教程，導航欄第5章不對齊

回答

相關問題