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>
<div class="container">
<div class="span12">
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active">
<a href="#tab_1" data-toggle="tab">Tab 1</a>
</li>
</ul>
<div class="tab-content">
<div id="tab_1" class="tab-pane active">
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="option_1">Option 1</label>
<div class="controls">
<div id="option_1" class="btn-group">
<button class="btn" type="button">Option 1</button>
<button class="btn dropdown-toggle" data-toggle="dropdown" type="button">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-select">
<li>
<a href="#">Option 1</a>
</li>
<li>
<a href="#">Option 2</a>
</li>
<li>
<a href="#">Option 3</a>
</li>
<li>
...
CSS
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
.container {
margin-top: 10px;
}
.tab-pane.active {
min-height:100px;
}