好きこそ 物ノ上手ナレ

What one likes, one will do well.

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が書きかわるそうなので、念のためコミットしてからやってみてください

 

 

そのあと、レイアウトおかしい!

 

f:id:pirori67:20150211144604p:plain

<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>

 

f:id:pirori67:20150211144637p:plain

 

以上。