Bootstrap Nav Dropdown Не работает

Question

Я использую бутстрап для рельсов. Я загрузил загрузочные файлы bootstrap.min и reg в мое приложение rails. Я создаю выпадающее меню, но по какой-то причине я не могу щелкнуть по нему и отобразить раскрывающееся меню.

<nav class="navbar navbar-inverse navbar-static-top"> 
     <div class="navbar-wrapper logo"> 
     <div class="container"> 
      <a class="navbar-brand" href="/">compnay logo</a> 
      <div id="navbar" class="secondary"> 
      <ul class="nav navbar-nav"> 
       <li class='secondary-nav'><%= link_to 'Log Out', destroy_user_session_path, :method => :delete %></li> 
       <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dashboards <span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
        <li><a href="#">Action</a></li> 
        <li><a href="#">Another action</a></li> 
        <li><a href="#">Something else here</a></li> 
       </ul> 
       </li> 
      </ul> 
      </div> 
     </div> 
     </div> 
    </nav> 

Я попытался проверить, не является ли это jQuery, не загружаемым для выполнения. Но это было не так, как я смог выполнить $ (". Navbar") и вернуть результат. Я не уверен, что это на данный момент. Я чувствую себя потерянным и буду признателен за любую помощь.

[Изменить] Добавить application.js для показа jquery сначала загружается.

//= require jquery 
    //= require jquery_ujs 
    //= require bootstrap.min 
    //= require turbolinks 
    //= require_tree . 

Answer 1

Прежде всего, вам необходимо загрузить файлы .js, такие как bootstrap-dropdown.js, и добавить их в свои активы.

И в вашем application.js

//= require bootstrap-dropdown.js 

непосредственно перед

//= require_tree . 

Answer 2

Вы должны импортировать самозагрузки в вашем application.js:

//= require bootstrap