Bootstrap Nav pills

by Renan Ribeiro Brando

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">


<div class="lead">Title</div>
<div>
  <ul id="myTab" class="nav nav-pills">
    <li style="padding:8px 40px 0px 0px;">Inspection Name</li>
    <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
    <li><a href="#profile" data-toggle="tab">Profile</a></li>
  </ul>
  <div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home">
      <ul id="myOTab" class="nav nav-pills">
        <li class="active"><a href="#home1" data-toggle="tab">Home</a></li>
        <li class="active"><a href="#profile1" data-toggle="tab">Profile</a></li>
      </ul>
      <div id="myTabContent1" class="tab-content">
        <div class="tab-pane fade in active" id="home1">
          <h1>ajksnnkan</h1>
        </div>
        <div class="tab-pane fade" id="profile1">
          <p>Purple Data</p>
        </div>
      </div>
      <div class="tab-pane fade" id="profile">
        <p>Purple Data</p>
      </div>

    </div>
  </div>
</div>