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">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#first" data-toggle="tab">First</a></li>
        <li><a href="#second" data-toggle="tab">Second</a></li>
        <li><a href="#last" data-toggle="tab">Last</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane fade active in" id="first">
            <div class="btn-toolbar">
                <div class="input-prepend input-append">
                    <span class="add-on"><i class="icon-calendar"></i></span>
                    <input type="text" class="input-mini">
                    <span class="add-on">—</span>
                    <input type="text" class="input-mini">
                    <button class="btn btn-inverse"><i class="icon-ok icon-white"></i></button>
                </div>
            </div>
            <p>Test</p>
        </div>
        <div class="tab-pane fade" id="second">Second</div>
        <div class="tab-pane fade" id="last">Last</div>
    </div>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
    width: 400px;
}