рельсы 4 бутстрап 3 сбрасываемый navbar

Question

Извините за вопрос новичков, но может ли кто-нибудь увидеть, что я делаю неправильно? Я следил за инструкциями на веб-сайте начальной загрузки и не смог создать сворачивающуюся навигационную панель в своем веб-приложении. Элементы списка под символом = "nav pull-right" не будут разрушаться, когда я уменьшу ширину окна. Я думаю, что это возможно потому, что у меня нет плагина для коллапса в моем bootstrap.js. Это может быть проблема?

<%= link_to "Catalyst", users_path, class: "brand" %> 

<header class="navbar navbar-fixed-top navbar-inverse"> 
    <div class="navbar-inner"> 
    <div class="container"> 

     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <%= link_to "Webapp", users_path, class: "brand" %> 
     <div class="nav-collapse collapse"> 
     <ul class="nav pull-right"> 
      <li><%= link_to current_user.full_name, current_user %></li> 
      <li id="fat-menu" class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
      Mailbox 
       <% if unread_count > 0 %> 
       (<%= unread_count %>) 
       <% end %> 
       <b class="caret"></b> 
      </a> 
      <ul class="dropdown-menu"> 
       <li><%= link_to "Received", messages_path %></li> 
       <li><%= link_to "Sent", sent_messages_path %></li> 
      </ul> 
      </li> 
      <li><%= link_to "Sign out", destroy_user_session_path, :method => :delete %></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</header> 

Answer 1

Изменение <div class="nav-collapse collapse"> в <div class="navbar-collapse collapse">