title: Toggle Bootstrap Tabs to Dropdown in Mobile view
body: <p>I have a website developing with Bootsrtap 3, I have tab element there. I have to make tabbed items as drop downs when browsing from mobile deveice. Is it possible?</p>
  
  <pre><code>&lt;!-- Nav tabs --&gt;
      &lt;ul class="nav nav-tabs" role="tablist"&gt;
        &lt;li class="active"&gt;&lt;a href="#home" role="tab" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#profile" role="tab" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#messages" role="tab" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#settings" role="tab" data-toggle="tab"&gt;Settings&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;!-- Tab panes --&gt;
      &lt;div class="tab-content"&gt;
        &lt;div class="tab-pane fade in active" id="home"&gt;A&lt;/div&gt;
        &lt;div class="tab-pane fade" id="profile"&gt;B&lt;/div&gt;
        &lt;div class="tab-pane fade" id="messages"&gt;C&lt;/div&gt;
        &lt;div class="tab-pane fade" id="settings"&gt;D&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I am using the basic Tabs with the bootstrap.</p>