Bootstrap Skeleton

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

by Reusablecode

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-datepicker/css/datepicker.css">
<script src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

            </button> <a class="brand" href="./index.html">Bootplus</a>

            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class=""> <a href="./index.html">Home</a>

                    </li>
                    <li class=""> <a href="./getting-started.html">Get started</a>

                    </li>
                    <li class=""> <a href="./scaffolding.html">Scaffolding</a>

                    </li>
                    <li class="active"> <a href="./base-css.html">Base CSS</a>

                    </li>
                    <li class=""> <a href="./components.html">Components</a>

                    </li>
                    <li class=""> <a href="./plus.html">Plus</a>

                    </li>
                    <li class=""> <a href="./javascript.html">JavaScript</a>

                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
 
 
<div class="container">
 <div class="span3">
	 <div class="card">
	     <div class="card-body"> 
	        <div data-date-format="dd-mm-yyyy" data-date="12-02-2012" id="dp3" class="input-append date">
	            <input type="text" value="12-02-2012" size="16" class="span2 datepicker">	<span class="add-on"><i class="icon-calendar"></i></span>
	        </div>
	     </div> 
	 </div> 
	</div>   
</div>

CSS

@import url('http://aozora.github.io/bootplus/assets/css/bootplus.css');
 @import url('http://aozora.github.io/bootplus/assets/css/bootplus-responsive.css');
 @import url(''http://fonts.googleapis.com/css?family=Roboto:400,300,700'); 

.container {
    margin-top: 10px;
}

JavaScript

$('.datepicker').datepicker();