2011-04-27 16:53:51 -04:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2012-10-08 00:38:28 -04:00
< title > Bootstrap< / title >
2011-11-08 14:32:28 -05:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2011-08-20 21:58:12 -04:00
< meta name = "description" content = "" >
< meta name = "author" content = "" >
2011-04-27 16:53:51 -04:00
2011-06-27 19:47:12 -04:00
<!-- Le styles -->
2012-01-27 01:05:45 -05:00
< link href = "assets/css/bootstrap.css" rel = "stylesheet" >
< link href = "assets/css/bootstrap-responsive.css" rel = "stylesheet" >
2011-08-19 17:23:41 -04:00
< link href = "assets/css/docs.css" rel = "stylesheet" >
2011-08-20 21:58:12 -04:00
< link href = "assets/js/google-code-prettify/prettify.css" rel = "stylesheet" >
2011-04-27 16:53:51 -04:00
2012-02-12 14:08:58 -05:00
<!-- 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]-->
2011-08-20 21:58:12 -04:00
<!-- Le fav and touch icons -->
2012-03-25 03:46:03 -04:00
< link rel = "apple-touch-icon-precomposed" sizes = "144x144" href = "assets/ico/apple-touch-icon-144-precomposed.png" >
2012-03-11 20:28:28 -04:00
< link rel = "apple-touch-icon-precomposed" sizes = "114x114" href = "assets/ico/apple-touch-icon-114-precomposed.png" >
2012-12-03 16:22:10 -05:00
< link rel = "apple-touch-icon-precomposed" sizes = "72x72" href = "assets/ico/apple-touch-icon-72-precomposed.png" >
< link rel = "apple-touch-icon-precomposed" href = "assets/ico/apple-touch-icon-57-precomposed.png" >
2012-12-03 16:25:56 -05:00
< link rel = "shortcut icon" href = "assets/ico/favicon.png" >
2012-05-26 19:35:28 -04:00
2011-04-27 16:53:51 -04:00
< / head >
2012-08-20 00:12:52 -04:00
< body data-spy = "scroll" data-target = ".bs-docs-sidebar" >
2012-01-28 18:42:07 -05:00
2012-06-08 00:48:03 -04:00
<!-- Navbar
2011-08-21 02:38:00 -04:00
================================================== -->
2012-08-20 02:01:24 -04:00
< div class = "navbar navbar-inverse navbar-fixed-top" >
2011-10-11 12:44:51 -04:00
< div class = "navbar-inner" >
2011-08-21 21:14:53 -04:00
< div class = "container" >
2012-06-12 01:17:10 -04:00
< button type = "button" class = "btn btn-navbar" data-toggle = "collapse" data-target = ".nav-collapse" >
2012-01-31 03:11:19 -05:00
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
2012-05-25 00:30:43 -04:00
< / button >
2011-10-17 03:03:52 -04:00
< a class = "brand" href = "./index.html" > Bootstrap< / a >
2012-03-25 16:33:36 -04:00
< div class = "nav-collapse collapse" >
2012-01-28 18:42:07 -05:00
< ul class = "nav" >
< li class = "active" >
2012-06-08 01:10:36 -04:00
< a href = "./index.html" > Home< / a >
2012-06-08 00:48:03 -04:00
< / li >
2012-07-13 00:38:18 -04:00
< li class = "" >
< a href = "./getting-started.html" > Get started< / a >
2012-01-28 18:42:07 -05:00
< / li >
< li class = "" >
< a href = "./scaffolding.html" > Scaffolding< / a >
< / li >
< li class = "" >
< a href = "./base-css.html" > Base CSS< / a >
< / li >
< li class = "" >
< a href = "./components.html" > Components< / a >
< / li >
< li class = "" >
2012-09-13 13:07:57 -04:00
< a href = "./javascript.html" > JavaScript< / a >
2012-01-28 18:42:07 -05:00
< / li >
< li class = "" >
2012-07-21 01:06:47 -04:00
< a href = "./customize.html" > Customize< / a >
2012-01-30 03:39:44 -05:00
< / li >
2012-01-28 18:42:07 -05:00
< / ul >
< / div >
2011-08-21 21:14:53 -04:00
< / div >
2011-04-27 16:53:51 -04:00
< / div >
< / div >
2012-07-08 02:16:07 -04:00
< div class = "jumbotron masthead" >
< div class = "container" >
2012-07-01 11:42:09 -04:00
< h1 > Bootstrap< / h1 >
< p > Sleek, intuitive, and powerful front-end framework for faster and easier web development.< / p >
2012-10-01 00:26:43 -04:00
< p >
< a href = "assets/bootstrap.zip" class = "btn btn-primary btn-large" > Download Bootstrap< / a >
< / p >
2012-07-08 02:16:07 -04:00
< ul class = "masthead-links" >
2012-10-01 00:26:43 -04:00
< li >
< a href = "http://github.com/twitter/bootstrap" > GitHub project< / a >
< / li >
2012-10-01 00:28:20 -04:00
< li >
< a href = "./getting-started.html#examples" > Examples< / a >
< / li >
2012-10-01 00:26:43 -04:00
< li >
< a href = "./extend.html" > Extend< / a >
< / li >
< li >
2012-12-10 21:31:04 -05:00
Version 2.2.3
2012-10-01 00:26:43 -04:00
< / li >
2012-07-05 02:31:30 -04:00
< / ul >
2012-01-30 23:50:51 -05:00
< / div >
2012-07-01 11:42:09 -04:00
< / div >
2012-01-30 23:50:51 -05:00
2012-08-01 22:00:25 -04:00
< div class = "bs-docs-social" >
< div class = "container" >
< ul class = "bs-docs-social-buttons" >
2012-03-12 02:33:08 -04:00
< li >
2012-08-20 19:21:57 -04:00
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "100px" height = "20px" > < / iframe >
2012-03-12 02:33:08 -04:00
< / li >
< li >
2012-11-16 04:13:52 -05:00
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "102px" height = "20px" > < / iframe >
2012-03-12 02:33:08 -04:00
< / li >
< li class = "follow-btn" >
< a href = "https://twitter.com/twbootstrap" class = "twitter-follow-button" data-link-color = "#0069D6" data-show-count = "true" > Follow @twbootstrap< / a >
< / li >
< li class = "tweet-btn" >
< a href = "https://twitter.com/share" class = "twitter-share-button" data-url = "http://twitter.github.com/bootstrap/" data-count = "horizontal" data-via = "twbootstrap" data-related = "mdo:Creator of Twitter Bootstrap" > Tweet< / a >
< / li >
< / ul >
< / div >
2012-08-01 22:00:25 -04:00
< / div >
2012-01-30 23:50:51 -05:00
2012-08-01 22:00:25 -04:00
< div class = "container" >
2012-01-30 23:50:51 -05:00
2012-08-01 22:00:25 -04:00
< div class = "marketing" >
2012-07-01 11:42:09 -04:00
2012-08-01 22:00:25 -04:00
< h1 > Introducing Bootstrap.< / h1 >
< p class = "marketing-byline" > Need reasons to love Bootstrap? Look no further.< / p >
2012-07-05 02:31:30 -04:00
2012-08-01 22:00:25 -04:00
< div class = "row-fluid" >
< div class = "span4" >
2012-11-22 15:26:54 -05:00
< img class = "marketing-img" src = "assets/img/bs-docs-twitter-github.png" >
2012-08-01 22:00:25 -04:00
< h2 > By nerds, for nerds.< / h2 >
< 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 >
< / div >
< div class = "span4" >
2012-11-22 15:26:54 -05:00
< img class = "marketing-img" src = "assets/img/bs-docs-responsive-illustrations.png" >
2012-08-01 22:00:25 -04:00
< h2 > Made for everyone.< / h2 >
< 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 >
2012-07-08 02:16:07 -04:00
< / div >
2012-08-01 22:00:25 -04:00
< div class = "span4" >
2012-11-22 15:26:54 -05:00
< img class = "marketing-img" src = "assets/img/bs-docs-bootstrap-features.png" >
2012-08-01 22:00:25 -04:00
< h2 > Packed with features.< / h2 >
2012-12-04 12:49:18 -05:00
< 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 >
2012-08-01 22:00:25 -04:00
< / div >
2012-01-30 23:50:51 -05:00
< / div >
2012-08-01 22:00:25 -04:00
< hr class = "soften" >
2012-07-08 02:16:07 -04:00
2012-08-01 22:00:25 -04:00
< h1 > Built with Bootstrap.< / h1 >
2012-08-14 00:34:40 -04:00
< 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 >
2012-08-01 22:00:25 -04:00
< div class = "row-fluid" >
< ul class = "thumbnails example-sites" >
< li class = "span3" >
< a class = "thumbnail" href = "http://soundready.fm/" target = "_blank" >
< img src = "assets/img/example-sites/soundready.png" alt = "SoundReady.fm" >
< / a >
< / li >
< li class = "span3" >
< a class = "thumbnail" href = "http://kippt.com/" target = "_blank" >
< img src = "assets/img/example-sites/kippt.png" alt = "Kippt" >
< / a >
< / li >
< li class = "span3" >
2012-09-14 17:48:03 -04:00
< a class = "thumbnail" href = "http://www.gathercontent.com/" target = "_blank" >
< img src = "assets/img/example-sites/gathercontent.png" alt = "Gather Content" >
2012-08-01 22:00:25 -04:00
< / a >
< / li >
< li class = "span3" >
< a class = "thumbnail" href = "http://www.jshint.com/" target = "_blank" >
< img src = "assets/img/example-sites/jshint.png" alt = "JS Hint" >
< / a >
< / li >
< / ul >
< / div >
2012-07-08 02:16:07 -04:00
2012-07-24 01:36:08 -04:00
< / div >
2012-01-26 13:00:09 -05:00
2012-08-01 22:00:25 -04:00
< / div >
2012-01-30 23:50:51 -05:00
2012-01-26 13:00:09 -05:00
2012-08-01 22:00:25 -04:00
<!-- Footer
================================================== -->
< footer class = "footer" >
< div class = "container" >
2012-10-02 20:01:18 -04:00
< 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 >
< 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 >
< 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 >
2012-08-01 22:00:25 -04:00
< ul class = "footer-links" >
2012-10-02 20:01:18 -04:00
< li > < a href = "http://blog.getbootstrap.com" > Blog< / a > < / li >
< li class = "muted" > · < / li >
< li > < a href = "https://github.com/twitter/bootstrap/issues?state=open" > Issues< / a > < / li >
< li class = "muted" > · < / li >
2012-08-01 22:00:25 -04:00
< li > < a href = "https://github.com/twitter/bootstrap/wiki" > Roadmap and changelog< / a > < / li >
< / ul >
< / div >
< / footer >
2011-10-16 06:00:58 -04:00
2012-01-23 17:14:16 -05:00
2012-01-26 13:00:09 -05:00
<!-- Le javascript
================================================== -->
2011-10-27 02:11:56 -04:00
<!-- Placed at the end of the document so the pages load faster -->
2012-01-26 13:00:09 -05:00
< script type = "text/javascript" src = "http://platform.twitter.com/widgets.js" > < / script >
2012-01-31 16:58:28 -05:00
< script src = "assets/js/jquery.js" > < / script >
< script src = "assets/js/bootstrap-transition.js" > < / script >
< script src = "assets/js/bootstrap-alert.js" > < / script >
< script src = "assets/js/bootstrap-modal.js" > < / script >
< script src = "assets/js/bootstrap-dropdown.js" > < / script >
< script src = "assets/js/bootstrap-scrollspy.js" > < / script >
< script src = "assets/js/bootstrap-tab.js" > < / script >
< script src = "assets/js/bootstrap-tooltip.js" > < / script >
< script src = "assets/js/bootstrap-popover.js" > < / script >
< script src = "assets/js/bootstrap-button.js" > < / script >
< script src = "assets/js/bootstrap-collapse.js" > < / script >
< script src = "assets/js/bootstrap-carousel.js" > < / script >
< script src = "assets/js/bootstrap-typeahead.js" > < / script >
2012-08-01 22:00:25 -04:00
< script src = "assets/js/bootstrap-affix.js" > < / script >
2012-11-29 23:59:14 -05:00
< script src = "assets/js/holder/holder.js" > < / script >
< script src = "assets/js/google-code-prettify/prettify.js" > < / script >
2012-01-23 17:14:16 -05:00
< script src = "assets/js/application.js" > < / script >
2012-02-01 19:38:58 -05:00
2011-04-27 16:53:51 -04:00
< / body >
2011-08-26 03:00:05 -04:00
< / html >
