ナビバーのドロップダウンメニューが作動しない

###背景

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>