Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

<div class="bs-example bs-example-tabs"  style="height: 200px; border: 1px solid black">
      <ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
        <li class=""><a href="#profile" data-toggle="tab">Profile</a></li>

      </ul>
      <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade active in" id="home">
            <p>Only tab content should scroll, tabs should stay on top</p>
            <p>1</p>
            <p>1</p>
            <p>1</p>
            <p>1</p>
            <p>1</p>
            <p>1</p>
            <p>1</p>
            <p>1</p>
            <p>1</p>
            <p>1</p>
        </div>
        <div class="tab-pane fade" id="profile">
          <p>Empty</p>
        </div>
      </div>
    </div>

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css');

.container {
    margin-top: 10px;
}
.bs-example{
   position: relative;
}

.tab-pane{
   position: absolute;
   top: 42px;
   bottom: 0;
   right: 0;
   left: 0;
   overflow:auto;
}