如何在Mobile中将Bootstrap Tabbable Nab选项卡切换为Drop-Down

Question

是否可以让我知道是否可以将bootstrap tabbable标签更改为Drop-Down标签，就像我们在响应式导航栏中所拥有的那样？我有几个标签，它们在移动视图中看起来很难看，所以我想让它们像下拉一样。

代码已更新：

<div class="well">
 <div class="tabbable">
  <ul id="myTab" class="nav nav-tabs">
    <li><a href="#home" data-toggle="tab">Home</a></li>
    <li><a href="#profile" data-toggle="tab">Profile</a></li>
    <li><a href="#messages" data-toggle="tab">Messages</a></li>
    <li><a href="#settings" data-toggle="tab">Settings</a></li>
  </ul>
<div class="tab-content">
  <div class="tab-pane fade in active" id="home">HOME... </div>
  <div class="tab-pane fade in " id="profile">PROFILE... </div>
  <div class="tab-pane fade in " id="messages">MESSAGES...</div> 
  <div class="tab-pane fade in " id="settings">SETTING... </div>
 </div>
</div>
</div>