Well, here's the base Bootstrap skeleton:

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap, 
from Twitter</title> <meta name="viewport" content="width=device-width, 
initial-scale=1.0"> <meta name="description" content=""> <meta name="author" 
content="">
<!-- Le styles --> <link 
href="../assets/css/bootstrap.css<http://twitter.github.com/bootstrap/assets/css/bootstrap.css>"
 
rel="stylesheet"> <style> body { padding-top: 60px; /* 60px to make the 
container go all the way to the bottom of the topbar */ } </style> <link 
href="../assets/css/bootstrap-responsive.css<http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css>"
 
rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 
9]> <script 
src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script><![endif]-->
<!-- Le fav and touch icons --> <link rel="shortcut icon" href="
../assets/ico/favicon.ico<http://twitter.github.com/bootstrap/assets/ico/favicon.ico>
"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="
../assets/ico/apple-touch-icon-144-precomposed.png<http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png>
"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="
../assets/ico/apple-touch-icon-114-precomposed.png<http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png>
"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="
../assets/ico/apple-touch-icon-72-precomposed.png<http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png>
"> <link rel="apple-touch-icon-precomposed" href="
../assets/ico/apple-touch-icon-57-precomposed.png<http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png>
"> </head>
<body>
<div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class
="container"> <a 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> </a> <a class="brand" 
href="#<http://twitter.github.com/bootstrap/examples/starter-template.html#>
">Project name</a> <div class="nav-collapse"> <ul class="nav"> <li class="
active"><a 
href="#<http://twitter.github.com/bootstrap/examples/starter-template.html#>
">Home</a></li> <li><a 
href="#about<http://twitter.github.com/bootstrap/examples/starter-template.html#about>
">About</a></li> <li><a 
href="#contact<http://twitter.github.com/bootstrap/examples/starter-template.html#contact>
">Contact</a></li> </ul> </div><!--/.nav-collapse --> </div> </div> </div>
<div class="container">
<h1>Bootstrap starter template</h1> <p>Use this document as a way to quick 
start any new project.<br> All you get is this message and a barebones HTML 
document.</p>
</div> <!-- /container -->
<!-- Le javascript ================================================== --> <!-- 
Placed at the end of the document so the pages load faster --> <script src="
../assets/js/jquery.js<http://twitter.github.com/bootstrap/assets/js/jquery.js>
"></script> <script 
src="../assets/js/bootstrap-transition.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js>
"></script> <script 
src="../assets/js/bootstrap-alert.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js>
"></script> <script 
src="../assets/js/bootstrap-modal.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js>
"></script> <script 
src="../assets/js/bootstrap-dropdown.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js>
"></script> <script 
src="../assets/js/bootstrap-scrollspy.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js>
"></script> <script 
src="../assets/js/bootstrap-tab.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js>
"></script> <script 
src="../assets/js/bootstrap-tooltip.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js>
"></script> <script 
src="../assets/js/bootstrap-popover.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js>
"></script> <script 
src="../assets/js/bootstrap-button.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-button.js>
"></script> <script 
src="../assets/js/bootstrap-collapse.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js>
"></script> <script 
src="../assets/js/bootstrap-carousel.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js>
"></script> <script 
src="../assets/js/bootstrap-typeahead.js<http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js>
"></script>
</body></html>

Reply via email to