2014-12-02 108 views
0

對不起,新手問題,但任何人都可以看到我做錯了什麼?我遵循bootstrap網站上的指示,無法在我的web應用程序中創建摺疊導航欄。當我減小窗口的寬度時,=「nav pull-right」下的列表項不會摺疊。我想這可能是因爲我的bootstrap.js沒有崩潰插件。這可能是問題嗎?rails 4 bootstrap 3 collapsable navbar

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

回答

0

變化<div class="nav-collapse collapse"><div class="navbar-collapse collapse">

+0

想你的建議。它只是讓ul類中的鏈接消失,而navbar仍然沒有響應,還有其他想法? – ssingh 2014-12-03 05:41:37