Как настроить вкладки nav по умолчанию, чтобы настроить их на разрешение мобильного устройства?

Question

У меня есть вкладка nav, разработанная с использованием twitter bootstrap 3. но, по умолчанию, она не доходит до мобильного разрешения. Как настроить его с помощью класса?

Код:

<div class="row clearfix"> 
    <div class="col-md-12 column"> 
     <div class="tabbable" id="tabs-85910"> 
      <ul class="nav nav-tabs"> 
       <li class="active"> 
        <a href="#panel-421853" data-toggle="tab">Home</a> 
       </li> 
       <li> 
        <a href="#panel-277629" data-toggle="tab">Personal Details</a> 
       </li> 
       <li> 
        <a href="#panel-277620" data-toggle="tab">Product Details</a> 
       </li> 
      </ul> 
      <div class="tab-content"> 
       <div class="tab-pane active" id="panel-421853"> 
        <p> 
         I'm in Section 1. 
        </p> 
       </div> 
       <div class="tab-pane" id="panel-277629"> 
        <p> 
         Howdy, I'm in Section 2. 
        </p> 
       </div> 
       <div class="tab-pane" id="panel-277620"> 
        <p> 
         Howdy, I'm in Section 3. 
        </p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Снимок экрана проблемы прилагается.

Answer 1

Добавить это html: -

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".tabbable"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    </button> 

<ul class="nav nav-tabs" class="collapse">