git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/docs/examples/starter-template.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Bootstrap, from Twitter</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <meta name="description" content="">
   8     <meta name="author" content="">
   9
  10     <!-- Le styles -->
  11     <link href="../assets/css/bootstrap.css" rel="stylesheet">
  12     <style>
  13       body {
  14         padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
  15       }
  16     </style>
  17     <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
  18
  19     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  20     <!--[if lt IE 9]>
  21       <script src="../assets/js/html5shiv.js"></script>
  22     <![endif]-->
  23
  24     <!-- Fav and touch icons -->
  25     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
  26     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
  27       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
  28                     <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  29                                    <link rel="shortcut icon" href="../assets/ico/favicon.png">
  30   </head>
  31
  32   <body>
  33
  34     <div class="navbar navbar-inverse navbar-fixed-top">
  35       <div class="navbar-inner">
  36         <div class="container">
  37           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  38             <span class="icon-bar"></span>
  39             <span class="icon-bar"></span>
  40             <span class="icon-bar"></span>
  41           </button>
  42           <a class="brand" href="#">Project name</a>
  43           <div class="nav-collapse collapse">
  44             <ul class="nav">
  45               <li class="active"><a href="#">Home</a></li>
  46               <li><a href="#about">About</a></li>
  47               <li><a href="#contact">Contact</a></li>
  48             </ul>
  49           </div><!--/.nav-collapse -->
  50         </div>
  51       </div>
  52     </div>
  53
  54     <div class="container">
  55
  56       <h1>Bootstrap starter template</h1>
  57       <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>
  58
  59     </div> <!-- /container -->
  60
  61     <!-- Le javascript
  62     ================================================== -->
  63     <!-- Placed at the end of the document so the pages load faster -->
  64     <script src="../assets/js/jquery.js"></script>
  65     <script src="../assets/js/bootstrap-transition.js"></script>
  66     <script src="../assets/js/bootstrap-alert.js"></script>
  67     <script src="../assets/js/bootstrap-modal.js"></script>
  68     <script src="../assets/js/bootstrap-dropdown.js"></script>
  69     <script src="../assets/js/bootstrap-scrollspy.js"></script>
  70     <script src="../assets/js/bootstrap-tab.js"></script>
  71     <script src="../assets/js/bootstrap-tooltip.js"></script>
  72     <script src="../assets/js/bootstrap-popover.js"></script>
  73     <script src="../assets/js/bootstrap-button.js"></script>
  74     <script src="../assets/js/bootstrap-collapse.js"></script>
  75     <script src="../assets/js/bootstrap-carousel.js"></script>
  76     <script src="../assets/js/bootstrap-typeahead.js"></script>
  77
  78   </body>
  79 </html>