Togglable tabs

• Home
• Profile
• Messages
• Settings

Content text 1 ...

Content text 2 ...

Content text 3 ...

Content text 4 ...

Usage

<ul class="nav nav-tabs">
  <li class="active"><a href="#item1" data-toggle="tab">Home</a></li>
  <li><a href="#item2" data-toggle="tab">Profile</a></li>
  <li><a href="#item3" data-toggle="tab">Messages</a></li>
  <li><a href="#item4" data-toggle="tab">Settings</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane fade in active" id="item1">Content text 1 ...</div>
  <div class="tab-pane fade" id="item2">Content text 2 ...</div>
  <div class="tab-pane fade" id="item3">Content text 3 ...</div>
  <div class="tab-pane fade" id="item4">Content text 4 ...</div>
</div>