Railsチュートリアルでbootstrapの最新を使おうとしたら、navbarがおかしくなった
bootstrapのバージョン上げようとしたら(Railsチュートリアルは2.X系で入れようとしたのが3.X系だったはず)、ページ内でエラーが出るようになった。
NoMethodError in Pages#home undefined method `environment' for nil:NilClass
で、Homeのページを確認すると
<%= stylesheet_link_tag("application", media: "all", "data-turbolinks-track" => true) %>
のあたりでエラーが起きてておかしい。
(直し方)
bundle installではなく、bundle updateで直る。
.Gemfile.lockが書きかわるそうなので、念のためコミットしてからやってみてください
そのあと、レイアウトおかしい!
<li>タグの所が縦にそのまま出てきてる。
(直し方)
app/views/layouts/_header.html.erbの内容を変更。
・修正前
<header class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<%= link_to "sample app", '#', id: "logo" %>
<nav>
<ul class="nav pull-right">
<li><%= link_to "Home", '#' %></li>
<li><%= link_to "Help", '#' %></li>
<li><%= link_to "Sign in", '#' %></li>
</ul>
</nav>
</div>
</div>
</header>
--------------------------------------------------------------------
・修正後
<header class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<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 "Sign in", '#' %></li>
</ul>
</nav>
</div>
</div>
</header>
以上。