Tabs

<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#" data-target="#ChangeMe1">1</a></li>
<li><a data-toggle="tab" href="#" data-target="#ChangeMe2">2</a></li>
  <li><a data-toggle="tab" href="#" data-target="#ChangeMe3">3</a></li>
  <li><a data-toggle="tab" href="#" data-target="#ChangeMe4">4</a></li>
  <li><a data-toggle="tab" href="#" data-target="#ChangeMe5">5</a></li>
</ul>

<div class="tab-content">
  <div id="ChangeMe1" class="tab-pane fade in active">
    <p>blah1</p>
  </div>
  <div id="ChangeMe2" class="tab-pane fade">
    <p>blah2</p>
  </div>
  <div id="ChangeMe3" class="tab-pane fade">
    <p>blah3</p>
  </div>
  <div id="ChangeMe4" class="tab-pane fade">
    <p>blah4</p>
  </div>
  <div id="ChangeMe5" class="tab-pane fade">
    <p>blah5</p>
</div></div>