タブ

<ul id="myTab" class="nav nav-tabs" role="tablist">
  <li class="active"><a href="#1" role="tab" data-toggle="tab">項目1</a></li>
  <li class=""><a href="#2" role="tab" data-toggle="tab">項目2</a></li>
  <li class=""><a href="#3" role="tab" data-toggle="tab">項目3</a></li>
</ul>
<div id="myTabContent" class="tab-content">
  <div class="tab-pane fade active in" id="1">
    <p>1</p>
  </div>
  <div class="tab-pane fade" id="2">
    <p>2</p>
  </div>
  <div class="tab-pane fade" id="3">
    <p>3</p>
  </div>
</div>

幅いっぱいで自動調整

タブを親要素に対して幅いっぱいにする場合は、#mytabに.nav-justifiedを指定します。

<ul id="myTab" class="nav nav-tabs nav-justified" role="tablist">
  ...
</ul>