<div role="tabpanel">

  <ul class="nav nav-tabs" role="tablist">

    <li role="presentation" class="active"><a href data-target="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>

    <li role="presentation"><a href data-target="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>

    <li role="presentation"><a href data-target="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>

  </ul>

  <div class="tab-content">

    <div role="tabpanel" class="tab-pane active" id="home">home ...</div>

    <div role="tabpanel" class="tab-pane" id="profile">profile...</div>

    <div role="tabpanel" class="tab-pane" id="messages">messages...</div>

  </div>

</div>