<div class="docs-example">
  <div id="direction">
    <!-- right aligned -->
    <div id="right">
      <ul class="nav nav-pills pull-right">
        <li>
          <a href="">Right</a>
        </li>
        <li class="active">
          <a href="">Right pill</a>
        </li>
      </ul>
    </div>
    <!-- end right aligned -->

    <!-- left aligned -->
    <div id="left">
      <ul class="nav nav-pills pull-left">
        <li class="active">
          <a href="">left</a>
        </li>
        <li>
          <a href="">left pill</a>
        </li>
      </ul>
    </div>
    <!-- end left aligned -->
  </div>