[ประกอบหนังสือ Bootstrap]

tab_example.html

<ul class="nav nav-tabs">
  <li class="active">
    <a href="#home" data-toggle="tab">Home</a>
  </li>
    <li>
      <a href="#inbox" data-toggle="tab">Inbox</a>
    </li>
    <li>
      <a href="#send" data-toggle="tab">Send</a>
    </li>
    <li>
      <a href="#contact" data-toggle="tab">
        Contact
      </a>
    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="home">
      Home content.
    </div>
    <div class="tab-pane" id="inbox">
      Inbox list.
    </div>
    <div class="tab-pane" id="send">
      Send list.
    </div>
    <div class="tab-pane" id="contact">
      Contact list.
    </div>
</div>