Devise と Bootstrap の併用について

以下がとても参考になる。

Bootstrap は頭から抜けかけてるので以下で復習する。

そうすると Devise の準備ができた時のナビゲーションバーは以下の様な記述になる。

見た目は

f:id:wnoguchi0727:20141218234456p:plain

f:id:wnoguchi0727:20141218234508p:plain

な感じ。

      <ul class="nav navbar-nav navbar-right">
<% if user_signed_in? -%>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><%= current_user.email %> <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><%= link_to 'Edit profile', edit_user_registration_path %></li>
<li><%= link_to 'Logout', destroy_user_session_path, method: :delete %></li>
</ul>
</li>
<% else -%>
<li><%= link_to 'Sign up', new_user_registration_path %></li>
<li><%= link_to 'Login', new_user_session_path %></li>
<% end -%>
</ul>

便利!!