twitter-bootstrap - モバイルで Bootstrap のタブ可能な 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>