###背景
ruby on railsを使って、教材を参考にしながらツイッタークローンを作っています。
デザインでは、bootstrapを活用しています。
###ナビバーのドロップダウンがうまく作動しない
下記のコーディングで実装しました。
ナビバー右にログイン状態で「ユーザーの名前」が表示され、
クリックすると、ポップアップで下に「My Profile」と「Log out」が表示される
ナビバーを作りたいです。
しかし、現状「ユーザーの名前」をクリックしても、ポップアウトが表示されません。
プログラミング初心者で、どこが違うのかずっと探しているのですが、見つかりません。
お手数おかけしますが、誰か問題点についてご指摘いただけるととてもうれしいです。
html
1<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 2 <ul class="nav navbar-nav navbar-right"> 3 <% if logged_in? %> 4 <li><%= link_to 'Users', users_path %></li> 5 <li class="dropdown"> 6 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><%= current_user.name %><span class="caret"></span></a> 7 <ul class="dropdown-menu"> 8 <li><%= link_to 'My Profile', user_path(current_user) %></li> 9 <li role="separator" class="divider"></li> 10 <li><%= link_to 'Logout', logout_path, method: :delete %></li> 11 </ul> 12 </li> 13 <% else %> 14 <li><%= link_to 'Sign up', signup_path %></li> 15 <li><%= link_to 'Log in', login_path %></li> 16 <% end %> 17 </ul> 18</div>
###追記
'layouts/application.html.erb'には下記リンクをつけることで、
Bootstrapを使用しています。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>