togglable tabs in rails 3.2 bootstrap

I would be happy if i'll be able to work with a togglable tag in rails 3.2. I used this code :

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>

but it doesn't work in rails. I mean, i'm not able to see the content of the tab. i red many solution on internet , even in stackoverflow, but i'm still in problem. can you help?