我正在尝试通过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";
答案 0 :(得分:0)
发现问题:我的浏览器宽度为760px,因为我的分屏是右侧的Developer Tools。当我使窗户变宽时,导航栏正确对齐。现在羞于羞辱;)