Bootstrap组件--标签页导航

<!--添加一个.tabs-below类即可让标签页置于底部;tabs-left居左 tabs-right居右-->
<div class="tabbable tabs-below"> 
<!--在.tab-content中创建一个带有唯一ID的.tab-pane让标签页可切换-->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane" id="tab1">
      <p>I'm in Section 1.</p>
    </div>
    <div class="tab-pane active" id="tab2">
      <p>Howdy, I'm in Section 2.</p>
    </div>
  </div>
</div>