togglable tabs in rails 3.2 bootstrap

Question

Буду рад, если я смогу работать с тегом togglable в рельсах 3.2. Я использовал этот код:

div class="tabbable"> 
<ul class="nav nav-tabs" id="proftabs"> 
    <li><a href="#profile_tab" data-toggle="tab" >Profile</a></li> 
    <li><a href="#friends_tab" data-toggle="tab">Friends</a></li> 
    <li><a href="#photos_tab" data-toggle="tab">Photos</a></li> 
    <li><a href="#videos_tab" data-toggle="tab">Videos</a></li> 
    <li><a href="#quotes_tab" data-toggle="tab">Quotes</a></li> 

    <div class="tab-content"> 
     <div id="profile_tab" class="tab-pane"> 
      aaa 
     </div> 
      <div id="friends_tab" class="tab-pane"> 
      bbbbb 
      </div> 
      <div id="photos_tab" class="tab-pane"> 
      cccc 
      </div> 
      <div id="videos_tab" class="tab-pane"> 
      dddd 
      </div> 
      <div id="quotes_tab" class="tab-pane"> 
      rrrr 
      </div> 
    </div> 
</div> 

но это не работает в рельсах. Я имею в виду, что я не могу видеть содержимое вкладки. i red много решений в Интернете, даже в stackoverflow, но я все еще в проблеме. вы можете помочь?

EDIT:

Как вы можете видеть, если я нажимаю на вкладке я увидел бы something..but этого не происходит. Я действительно не знаю, что делать

Answer 1

Я думаю, что из-за недостатка ul тег.

<div class="tabbable"> 
    <ul class="nav nav-tabs" id="proftabs"> 
    <li class="active"><a href="#profile_tab" data-toggle="tab" >Profil e</a></li> 
    <li><a href="#friends_tab" data-toggle="tab">Friends</a></li> 
    <li><a href="#photos_tab" data-toggle="tab">Photos</a></li> 
    <li><a href="#videos_tab" data-toggle="tab">Videos</a></li> 
    <li><a href="#quotes_tab" data-toggle="tab">Quotes</a></li> 
    </ul> 

    <div class="tab-content"> 
    <div id="profile_tab" class="tab-pane active"> 
     aaa 
    </div> 
    <div id="friends_tab" class="tab-pane"> 
     bbbbb 
    </div> 
    <div id="photos_tab" class="tab-pane"> 
     cccc 
    </div> 
    <div id="videos_tab" class="tab-pane"> 
     dddd 
    </div> 
    <div id="quotes_tab" class="tab-pane"> 
     rrrr 
    </div> 
    </div> 
</div> 

Обновленный ответ для читателей:

Закончилось это потому, что Bootstrap.js не был включен в application.js. Ознакомьтесь с комментариями для получения дополнительной информации.