2014-02-13 18:36:49 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
<!-- Meta, title, CSS, favicons, etc. -->
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta name = "description" content = "Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." >
< meta name = "keywords" content = "HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development" >
< meta name = "author" content = "Mark Otto, Jacob Thornton, and Bootstrap contributors" >
2013-02-12 21:16:32 +01:00
2014-02-13 18:36:49 +01:00
< title >
2015-02-06 04:40:29 +01:00
2014-10-29 20:17:44 +01:00
Bootstrap · The world's most popular mobile-first and responsive front-end framework.
2015-02-06 04:40:29 +01:00
2014-02-13 18:36:49 +01:00
< / title >
<!-- Bootstrap core CSS -->
2014-10-29 20:17:44 +01:00
2014-10-29 20:52:33 +01:00
< link href = "../dist/css/bootstrap.min.css" rel = "stylesheet" >
2014-10-29 20:17:44 +01:00
2014-02-13 18:36:49 +01:00
2014-06-26 18:46:59 +02:00
2014-02-13 18:36:49 +01:00
<!-- Documentation extras -->
2014-10-29 20:17:44 +01:00
2014-10-29 20:52:33 +01:00
< link href = "../assets/css/docs.min.css" rel = "stylesheet" >
2014-10-29 20:17:44 +01:00
2014-02-13 18:36:49 +01:00
<!-- [if lt IE 9]><script src="../assets/js/ie8 - responsive - file - warning.js"></script><![endif] -->
2014-06-26 18:46:59 +02:00
< script src = "../assets/js/ie-emulation-modes-warning.js" > < / script >
2014-02-13 18:36:49 +01:00
2014-10-29 20:17:44 +01:00
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
2014-02-13 18:36:49 +01:00
<!-- [if lt IE 9]>
2014-06-26 18:46:59 +02:00
< script src = "https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" > < / script >
< script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js" > < / script >
2014-02-13 18:36:49 +01:00
<![endif]-->
<!-- Favicons -->
2014-10-29 20:17:44 +01:00
< link rel = "apple-touch-icon" href = "/apple-touch-icon.png" >
2014-06-26 18:46:59 +02:00
< link rel = "icon" href = "/favicon.ico" >
2014-02-13 18:36:49 +01:00
< script >
2014-06-26 18:46:59 +02:00
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-146052-10', 'getbootstrap.com');
ga('send', 'pageview');
2014-02-13 18:36:49 +01:00
< / script >
< / head >
< body class = "bs-docs-home" >
2014-12-22 21:53:56 +01:00
< a id = "skippy" class = "sr-only sr-only-focusable" href = "#content" > < div class = "container" > < span class = "skiplink-text" > Skip to main content< / span > < / div > < / a >
2014-02-13 18:36:49 +01:00
<!-- Docs master nav -->
< header class = "navbar navbar-static-top bs-docs-nav" id = "top" role = "banner" >
< div class = "container" >
< div class = "navbar-header" >
2014-10-29 20:17:44 +01:00
< button class = "navbar-toggle collapsed" type = "button" data-toggle = "collapse" data-target = ".bs-navbar-collapse" >
2014-02-13 18:36:49 +01:00
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a href = "../" class = "navbar-brand" > Bootstrap< / a >
< / div >
2014-12-22 21:52:56 +01:00
< nav class = "collapse navbar-collapse bs-navbar-collapse" >
2014-02-13 18:36:49 +01:00
< ul class = "nav navbar-nav" >
< li >
2014-10-29 20:17:44 +01:00
< a href = "../getting-started/" > Getting started< / a >
2014-02-13 18:36:49 +01:00
< / li >
< li >
2014-10-29 20:17:44 +01:00
< a href = "../css/" > CSS< / a >
2014-02-13 18:36:49 +01:00
< / li >
< li >
2014-10-29 20:17:44 +01:00
< a href = "../components/" > Components< / a >
2014-02-13 18:36:49 +01:00
< / li >
< li >
2014-10-29 20:17:44 +01:00
< a href = "../javascript/" > JavaScript< / a >
2014-02-13 18:36:49 +01:00
< / li >
< li >
2014-10-29 20:17:44 +01:00
< a href = "../customize/" > Customize< / a >
2014-02-13 18:36:49 +01:00
< / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
2014-06-26 18:46:59 +02:00
< li > < a href = "http://expo.getbootstrap.com" onclick = "ga('send', 'event', 'Navbar', 'Community links', 'Expo');" > Expo< / a > < / li >
< li > < a href = "http://blog.getbootstrap.com" onclick = "ga('send', 'event', 'Navbar', 'Community links', 'Blog');" > Blog< / a > < / li >
2014-02-13 18:36:49 +01:00
< / ul >
< / nav >
< / div >
< / header >
<!-- Page content of course! -->
< main class = "bs-docs-masthead" id = "content" role = "main" >
2013-07-26 10:43:43 +02:00
< div class = "container" >
2014-02-13 18:36:49 +01:00
< span class = "bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-outline" > B< / span >
2014-06-26 18:46:59 +02:00
< p class = "lead" > Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.< / p >
2013-12-31 22:53:33 +01:00
< p class = "lead" >
2015-01-19 18:10:41 +01:00
< a href = "getting-started#download" class = "btn btn-outline-inverse btn-lg" onclick = "ga('send', 'event', 'Jumbotron actions', 'Download', 'Download 3.3.2');" > Download Bootstrap< / a >
2013-02-12 21:16:32 +01:00
< / p >
2015-01-19 18:10:41 +01:00
< p class = "version" > Currently v3.3.2< / p >
2014-02-13 18:36:49 +01:00
< div id = "carbonads-container" > < div class = "carbonad" > < div id = "azcarbon" > < / div > < script > var z = document . createElement ( "script" ) ; z . async = true ; z . src = "http://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ" ; var s = document . getElementsByTagName ( "script" ) [ 0 ] ; s . parentNode . insertBefore ( z , s ) ; < / script > < / div > < / div >
2013-02-12 21:16:32 +01:00
< / div >
2013-08-11 01:11:34 +02:00
< / main >
2013-12-12 07:37:59 +01:00
2014-02-13 18:36:49 +01:00
< div class = "bs-docs-featurette" >
2013-12-12 07:37:59 +01:00
< div class = "container" >
2014-02-13 18:36:49 +01:00
< h2 class = "bs-docs-featurette-title" > Designed for everyone, everywhere.< / h2 >
2013-12-25 13:32:00 +01:00
< p class = "lead" > Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.< / p >
2013-12-12 07:37:59 +01:00
< hr class = "half-rule" >
< div class = "row" >
< div class = "col-sm-4" >
2013-12-31 22:56:20 +01:00
< img src = "assets/img/sass-less.png" alt = "Sass and Less support" class = "img-responsive" >
2014-01-18 18:15:37 +01:00
< h3 > Preprocessors< / h3 >
2014-06-26 21:57:46 +02:00
< p > Bootstrap ships with vanilla CSS, but its source code utilizes the two most popular CSS preprocessors, < a href = "../css/#less" > Less< / a > and < a href = "../css/#sass" > Sass< / a > . Quickly get started with precompiled CSS or build on the source.< / p >
2013-12-12 07:37:59 +01:00
< / div >
< div class = "col-sm-4" >
2013-12-31 22:56:20 +01:00
< img src = "assets/img/devices.png" alt = "Responsive across devices" class = "img-responsive" >
2013-12-12 07:37:59 +01:00
< h3 > One framework, every device.< / h3 >
2014-06-26 18:46:59 +02:00
< p > Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.< / p >
2013-12-12 07:37:59 +01:00
< / div >
< div class = "col-sm-4" >
2013-12-31 22:56:20 +01:00
< img src = "assets/img/components.png" alt = "Components" class = "img-responsive" >
2014-06-26 18:46:59 +02:00
< h3 > Full of features< / h3 >
< p > With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.< / p >
2013-12-12 07:37:59 +01:00
< / div >
< / div >
< hr class = "half-rule" >
2014-01-02 19:54:10 +01:00
< p class = "lead" > Bootstrap is open source. It's hosted, developed, and maintained on GitHub.< / p >
2014-02-13 18:36:49 +01:00
< a href = "https://github.com/twbs/bootstrap" class = "btn btn-outline btn-lg" > View the GitHub project< / a >
2013-12-12 07:37:59 +01:00
< / div >
< / div >
2014-02-13 18:36:49 +01:00
< div class = "bs-docs-featurette" >
2013-12-12 07:37:59 +01:00
< div class = "container" >
2014-02-13 18:36:49 +01:00
< h2 class = "bs-docs-featurette-title" > Built with Bootstrap.< / h2 >
2014-01-20 07:50:09 +01:00
< p class = "lead" > Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing < a href = "../getting-started/#examples" > collection of examples< / a > or by exploring some of our favorites.< / p >
2013-12-12 07:37:59 +01:00
< hr class = "half-rule" >
2014-02-13 18:36:49 +01:00
< div class = "row bs-docs-featured-sites" >
2015-02-06 04:40:29 +01:00
2014-10-29 20:17:44 +01:00
< div class = "col-xs-6 col-sm-3" >
< a href = "http://expo.getbootstrap.com/2014/10/29/lyft/" target = "_blank" title = "Lyft" >
< img src = "http://expo.getbootstrap.com/thumbs/lyft-thumb.jpg" alt = "Lyft" class = "img-responsive" >
2013-12-12 23:57:43 +01:00
< / a >
2013-12-12 07:37:59 +01:00
< / div >
2015-02-06 04:40:29 +01:00
2014-10-29 20:17:44 +01:00
< div class = "col-xs-6 col-sm-3" >
< a href = "http://expo.getbootstrap.com/2014/09/30/vogue/" target = "_blank" title = "Vogue" >
< img src = "http://expo.getbootstrap.com/thumbs/vogue-thumb.jpg" alt = "Vogue" class = "img-responsive" >
2014-02-13 18:36:49 +01:00
< / a >
< / div >
2015-02-06 04:40:29 +01:00
2014-10-29 20:17:44 +01:00
< div class = "col-xs-6 col-sm-3" >
< a href = "http://expo.getbootstrap.com/2014/03/13/riot-design/" target = "_blank" title = "Riot Design" >
< img src = "http://expo.getbootstrap.com/thumbs/riot-thumb.jpg" alt = "Riot Design" class = "img-responsive" >
2014-02-13 18:36:49 +01:00
< / a >
< / div >
2015-02-06 04:40:29 +01:00
2014-10-29 20:17:44 +01:00
< div class = "col-xs-6 col-sm-3" >
< a href = "http://expo.getbootstrap.com/2014/02/12/newsweek/" target = "_blank" title = "Newsweek" >
< img src = "http://expo.getbootstrap.com/thumbs/newsweek-thumb.jpg" alt = "Newsweek" class = "img-responsive" >
2014-02-13 18:36:49 +01:00
< / a >
< / div >
2015-02-06 04:40:29 +01:00
2013-12-12 07:37:59 +01:00
< / div >
< hr class = "half-rule" >
2014-01-19 08:17:00 +01:00
< p class = "lead" > We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.< / p >
2014-02-13 18:36:49 +01:00
< a href = "http://expo.getbootstrap.com" class = "btn btn-outline btn-lg" > Explore the Expo< / a >
2013-12-12 07:37:59 +01:00
< / div >
< / div >
2014-02-13 18:36:49 +01:00
<!-- Footer
================================================== -->
< footer class = "bs-docs-footer" role = "contentinfo" >
< div class = "container" >
< div class = "bs-docs-social" >
< ul class = "bs-docs-social-buttons" >
< li >
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=watch&count=true" width = "100" height = "20" title = "Star on GitHub" > < / iframe >
< / li >
< li >
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=fork&count=true" width = "102" height = "20" title = "Fork on GitHub" > < / iframe >
< / li >
< li class = "follow-btn" >
2015-02-06 04:40:29 +01:00
< a href = "https://twitter.com/getbootstrap" class = "twitter-follow-button" data-link-color = "#0069D6" data-show-count = "true" > Follow @getbootstrap< / a >
2014-02-13 18:36:49 +01:00
< / li >
< li class = "tweet-btn" >
2015-02-06 04:40:29 +01:00
< a href = "https://twitter.com/share" class = "twitter-share-button" data-url = "http://getbootstrap.com/" data-count = "horizontal" data-via = "getbootstrap" data-related = "mdo:Creator of Bootstrap" > Tweet< / a >
2014-02-13 18:36:49 +01:00
< / li >
< / ul >
< / div >
2014-10-29 20:17:44 +01:00
< p > Designed and built with all the love in the world by < a href = "https://twitter.com/mdo" target = "_blank" > @mdo< / a > and < a href = "https://twitter.com/fat" target = "_blank" > @fat< / a > .< / p >
< p > Maintained by the < a href = "https://github.com/orgs/twbs/people" > core team< / a > with the help of < a href = "https://github.com/twbs/bootstrap/graphs/contributors" > our contributors< / a > .< / p >
2014-02-13 18:36:49 +01:00
< p > Code licensed under < a href = "https://github.com/twbs/bootstrap/blob/master/LICENSE" target = "_blank" > MIT< / a > , documentation under < a href = "http://creativecommons.org/licenses/by/3.0/" > CC BY 3.0< / a > .< / p >
2014-12-22 21:52:56 +01:00
< ul class = "bs-docs-footer-links text-muted" >
2015-01-19 18:10:41 +01:00
< li > Currently v3.3.2< / li >
2014-02-13 18:36:49 +01:00
< li > · < / li >
< li > < a href = "https://github.com/twbs/bootstrap" > GitHub< / a > < / li >
< li > · < / li >
< li > < a href = "../getting-started/#examples" > Examples< / a > < / li >
< li > · < / li >
< li > < a href = "../2.3.2/" > v2.3.2 docs< / a > < / li >
< li > · < / li >
< li > < a href = "../about/" > About< / a > < / li >
< li > · < / li >
< li > < a href = "http://expo.getbootstrap.com" > Expo< / a > < / li >
< li > · < / li >
< li > < a href = "http://blog.getbootstrap.com" > Blog< / a > < / li >
< li > · < / li >
2014-10-29 20:17:44 +01:00
< li > < a href = "https://github.com/twbs/bootstrap/issues" > Issues< / a > < / li >
2014-02-13 18:36:49 +01:00
< li > · < / li >
< li > < a href = "https://github.com/twbs/bootstrap/releases" > Releases< / a > < / li >
< / ul >
< / div >
< / footer >
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
2015-01-19 18:10:41 +01:00
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" > < / script >
2014-02-13 18:36:49 +01:00
2014-10-29 20:52:33 +01:00
< script src = "../dist/js/bootstrap.min.js" > < / script >
2014-10-29 20:17:44 +01:00
2014-10-29 20:52:33 +01:00
< script src = "../assets/js/docs.min.js" > < / script >
2014-10-29 20:17:44 +01:00
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
< script src = "../assets/js/ie10-viewport-bug-workaround.js" > < / script >
2014-02-13 18:36:49 +01:00
< script >
window.twttr = (function (d,s,id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; js=d.createElement(s); js.id=id; js.async=1;
js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
< / script >
<!-- Analytics
================================================== -->
< script >
var _gauges = _gauges || [];
(function() {
var t = document.createElement('script');
t.async = true;
t.id = 'gauges-tracker';
t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
t.src = '//secure.gaug.es/track.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
})();
< / script >
< / body >
< / html >