git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/docs/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Bootstrap</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     <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
  13     <link href="assets/css/docs.css" rel="stylesheet">
  14     <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
  15
  16     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  17     <!--[if lt IE 9]>
  18       <script src="assets/js/html5shiv.js"></script>
  19     <![endif]-->
  20
  21     <!-- Le fav and touch icons -->
  22     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
  23     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
  24       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
  25                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
  26                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
  27
  28     <script type="text/javascript">
  29       var _gaq = _gaq || [];
  30       _gaq.push(['_setAccount', 'UA-146052-10']);
  31       _gaq.push(['_trackPageview']);
  32       (function() {
  33         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  34         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  35         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  36       })();
  37     </script>
  38   </head>
  39
  40   <body data-spy="scroll" data-target=".bs-docs-sidebar">
  41
  42     <!-- Navbar
  43     ================================================== -->
  44     <div class="navbar navbar-inverse navbar-fixed-top">
  45       <div class="navbar-inner">
  46         <div class="container">
  47           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  48             <span class="icon-bar"></span>
  49             <span class="icon-bar"></span>
  50             <span class="icon-bar"></span>
  51           </button>
  52           <a class="brand" href="./index.html">Bootstrap</a>
  53           <div class="nav-collapse collapse">
  54             <ul class="nav">
  55               <li class="active">
  56                 <a href="./index.html">Home</a>
  57               </li>
  58               <li class="">
  59                 <a href="./getting-started.html">Get started</a>
  60               </li>
  61               <li class="">
  62                 <a href="./scaffolding.html">Scaffolding</a>
  63               </li>
  64               <li class="">
  65                 <a href="./base-css.html">Base CSS</a>
  66               </li>
  67               <li class="">
  68                 <a href="./components.html">Components</a>
  69               </li>
  70               <li class="">
  71                 <a href="./javascript.html">JavaScript</a>
  72               </li>
  73               <li class="">
  74                 <a href="./customize.html">Customize</a>
  75               </li>
  76             </ul>
  77           </div>
  78         </div>
  79       </div>
  80     </div>
  81
  82 <div class="jumbotron masthead">
  83   <div class="container">
  84     <h1>Bootstrap</h1>
  85     <p>Sleek, intuitive, and powerful front-end framework for faster and easier web development.</p>
  86     <p>
  87       <a href="assets/bootstrap.zip" class="btn btn-primary btn-large" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 2.3.2']);">Download Bootstrap</a>
  88     </p>
  89     <ul class="masthead-links">
  90       <li>
  91         <a href="http://github.com/twitter/bootstrap" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
  92       </li>
  93       <li>
  94         <a href="./getting-started.html#examples" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
  95       </li>
  96       <li>
  97         <a href="./extend.html" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Extend']);">Extend</a>
  98       </li>
  99       <li>
 100         Version 2.3.2
 101       </li>
 102     </ul>
 103   </div>
 104 </div>
 105
 106 <div class="bs-docs-social">
 107   <div class="container">
 108     <ul class="bs-docs-social-buttons">
 109       <li>
 110         <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
 111       </li>
 112       <li>
 113         <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
 114       </li>
 115       <li class="follow-btn">
 116         <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @twbootstrap</a>
 117       </li>
 118       <li class="tweet-btn">
 119         <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twbs.github.com/bootstrap/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a>
 120       </li>
 121     </ul>
 122   </div>
 123 </div>
 124
 125 <div class="container">
 126
 127   <div class="marketing">
 128
 129     <h1>Introducing Bootstrap.</h1>
 130     <p class="marketing-byline">Need reasons to love Bootstrap? Look no further.</p>
 131
 132     <div class="row-fluid">
 133       <div class="span4">
 134         <img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">
 135         <h2>By nerds, for nerds.</h2>
 136         <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
 137       </div>
 138       <div class="span4">
 139         <img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">
 140         <h2>Made for everyone.</h2>
 141         <p>Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via <a href="./scaffolding.html#responsive">responsive CSS</a> as well.</p>
 142       </div>
 143       <div class="span4">
 144         <img class="marketing-img" src="assets/img/bs-docs-bootstrap-features.png">
 145         <h2>Packed with features.</h2>
 146         <p>A 12-column responsive <a href="./scaffolding.html#gridSystem">grid</a>, dozens of components, <a href="./javascript.html">JavaScript plugins</a>, typography, form controls, and even a <a href="./customize.html">web-based Customizer</a> to make Bootstrap your own.</p>
 147       </div>
 148     </div>
 149
 150     <hr class="soften">
 151
 152     <h1>Built with Bootstrap.</h1>
 153     <p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
 154     <div class="row-fluid">
 155       <ul class="thumbnails example-sites">
 156         <li class="span3">
 157           <a class="thumbnail" href="http://soundready.fm/" target="_blank">
 158             <img src="assets/img/example-sites/soundready.png" alt="SoundReady.fm">
 159           </a>
 160         </li>
 161         <li class="span3">
 162           <a class="thumbnail" href="http://kippt.com/" target="_blank">
 163             <img src="assets/img/example-sites/kippt.png" alt="Kippt">
 164           </a>
 165         </li>
 166         <li class="span3">
 167           <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
 168             <img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
 169           </a>
 170         </li>
 171         <li class="span3">
 172           <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
 173             <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
 174           </a>
 175         </li>
 176       </ul>
 177      </div>
 178
 179   </div>
 180
 181 </div>
 182
 183
 184
 185     <!-- Footer
 186     ================================================== -->
 187     <footer class="footer">
 188       <div class="container">
 189         <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
 190         <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
 191         <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
 192         <ul class="footer-links">
 193           <li><a href="http://blog.getbootstrap.com">Blog</a></li>
 194           <li class="muted">&middot;</li>
 195           <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
 196           <li class="muted">&middot;</li>
 197           <li><a href="https://github.com/twbs/bootstrap/releases">Changelog</a></li>
 198         </ul>
 199       </div>
 200     </footer>
 201
 202
 203
 204     <!-- Le javascript
 205     ================================================== -->
 206     <!-- Placed at the end of the document so the pages load faster -->
 207     <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
 208     <script src="assets/js/jquery.js"></script>
 209     <script src="assets/js/bootstrap-transition.js"></script>
 210     <script src="assets/js/bootstrap-alert.js"></script>
 211     <script src="assets/js/bootstrap-modal.js"></script>
 212     <script src="assets/js/bootstrap-dropdown.js"></script>
 213     <script src="assets/js/bootstrap-scrollspy.js"></script>
 214     <script src="assets/js/bootstrap-tab.js"></script>
 215     <script src="assets/js/bootstrap-tooltip.js"></script>
 216     <script src="assets/js/bootstrap-popover.js"></script>
 217     <script src="assets/js/bootstrap-button.js"></script>
 218     <script src="assets/js/bootstrap-collapse.js"></script>
 219     <script src="assets/js/bootstrap-carousel.js"></script>
 220     <script src="assets/js/bootstrap-typeahead.js"></script>
 221     <script src="assets/js/bootstrap-affix.js"></script>
 222
 223     <script src="assets/js/holder/holder.js"></script>
 224     <script src="assets/js/google-code-prettify/prettify.js"></script>
 225
 226     <script src="assets/js/application.js"></script>
 227
 228
 229     <!-- Analytics
 230     ================================================== -->
 231     <script>
 232       var _gauges = _gauges || [];
 233       (function() {
 234         var t   = document.createElement('script');
 235         t.type  = 'text/javascript';
 236         t.async = true;
 237         t.id    = 'gauges-tracker';
 238         t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
 239         t.src = '//secure.gaug.es/track.js';
 240         var s = document.getElementsByTagName('script')[0];
 241         s.parentNode.insertBefore(t, s);
 242       })();
 243     </script>
 244
 245   </body>
 246 </html>