twitter-bootstrap - 如何在移动设备中将 Bootstrap Tabbable Nab 选项卡切换为下拉菜单

Question

您能否让我知道是否可以将引导选项卡更改为下拉选项卡，就像我们在响应式导航栏中所拥有的一样？我有几个选项卡，它们在移动视图中看起来很丑，所以我认为让它们像下拉菜单一样。

代码更新：

<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>