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 >
Bootstrap
< / title >
<!-- Bootstrap core CSS -->
< link href = "../dist/css/bootstrap.min.css" rel = "stylesheet" >
<!-- Documentation extras -->
< link href = "../assets/css/docs.min.css" rel = "stylesheet" >
<!-- [if lt IE 9]><script src="../assets/js/ie8 - responsive - file - warning.js"></script><![endif] -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" > < / script >
< script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" > < / script >
<![endif]-->
<!-- Favicons -->
< link rel = "apple-touch-icon-precomposed" sizes = "144x144" href = "../assets/ico/apple-touch-icon-144-precomposed.png" >
< link rel = "shortcut icon" href = "../assets/ico/favicon.ico" >
< script >
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-146052-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
< / script >
< / head >
< body class = "bs-docs-home" >
< a class = "sr-only" href = "#content" > Skip to main content< / a >
<!-- Docs master nav -->
< header class = "navbar navbar-static-top bs-docs-nav" id = "top" role = "banner" >
< div class = "container" >
< div class = "navbar-header" >
< button class = "navbar-toggle" type = "button" data-toggle = "collapse" data-target = ".bs-navbar-collapse" >
< 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 >
< nav class = "collapse navbar-collapse bs-navbar-collapse" role = "navigation" >
< ul class = "nav navbar-nav" >
< li >
< a href = "../getting-started" > Getting started< / a >
< / li >
< li >
< a href = "../css" > CSS< / a >
< / li >
< li >
< a href = "../components" > Components< / a >
< / li >
< li >
< a href = "../javascript" > JavaScript< / a >
< / li >
< li >
< a href = "../customize" > Customize< / a >
< / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
< li > < a href = "http://expo.getbootstrap.com" onclick = "_gaq.push(['_trackEvent', 'Navbar', 'Community links', 'Expo']);" > Expo< / a > < / li >
< li > < a href = "http://blog.getbootstrap.com" onclick = "_gaq.push(['_trackEvent', 'Navbar', 'Community links', 'Blog']);" > Blog< / a > < / li >
< / 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-01-10 03:05:04 +01:00
<!-- <h1>Bootstrap</h1> -->
< p class = "lead" > The most popular front-end framework for developing responsive, mobile first projects on the web.< / p >
2013-12-31 22:53:33 +01:00
< p class = "lead" >
2014-02-13 18:36:49 +01:00
< a href = "getting-started#download" class = "btn btn-outline-inverse btn-lg" onclick = "_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.1.1']);" > Download Bootstrap< / a >
2013-02-12 21:16:32 +01:00
< / p >
2014-02-13 18:36:49 +01:00
< p class = "version" > Currently v3.1.1< / p >
< 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-01-20 06:03:17 +01:00
< p > In addition to vanilla CSS, Bootstrap includes support for the two most popular CSS preprocessors, < a href = "../css/#less" > Less< / a > and < a href = "../css/#sass" > Sass< / a > .< / 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-01-02 19:54:10 +01:00
< p > Bootstrap easily and efficiently scales your project with one code base, from phones to tablets to desktops.< / 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" >
2013-12-12 07:37:59 +01:00
< h3 > Comprehensive docs< / h3 >
< p > With Bootstrap, you get extensive and beautiful documentation with hundreds of live examples, code snippets, and more.< / p >
< / 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" >
2013-12-12 07:37:59 +01:00
< div class = "col-sm-3" >
2014-02-13 18:36:49 +01:00
< a href = "http://expo.getbootstrap.com/2014/02/12/little/" target = "_blank" title = "Little" >
< img src = "http://expo.getbootstrap.com/screenshots/little.jpg" alt = "Little" class = "img-responsive" >
2013-12-12 23:57:43 +01:00
< / a >
2013-12-12 07:37:59 +01:00
< / div >
2014-02-13 18:36:49 +01:00
< div class = "col-sm-3" >
< a href = "http://expo.getbootstrap.com/2014/02/10/engine-yard/" target = "_blank" title = "Engine Yard" >
< img src = "http://expo.getbootstrap.com/screenshots/engine-yard.jpg" alt = "Engine Yard" class = "img-responsive" >
< / a >
< / div >
< div class = "col-sm-3" >
< a href = "http://expo.getbootstrap.com/2014/02/04/webflow/" target = "_blank" title = "Webflow" >
< img src = "http://expo.getbootstrap.com/screenshots/webflow.jpg" alt = "Webflow" class = "img-responsive" >
< / a >
< / div >
< div class = "col-sm-3" >
< a href = "http://expo.getbootstrap.com/2013/05/09/sentry/" target = "_blank" title = "Sentry" >
< img src = "http://expo.getbootstrap.com/screenshots/sentry.jpg" alt = "Sentry" class = "img-responsive" >
< / a >
< / div >
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" >
< 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://getbootstrap.com/" data-count = "horizontal" data-via = "twbootstrap" data-related = "mdo:Creator of Bootstrap" > Tweet< / a >
< / li >
< / ul >
< / div >
< 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 > Maintained by the < a href = "https://github.com/twbs?tab=members" > core team< / a > with the help of < a href = "https://github.com/twbs/bootstrap/graphs/contributors" > our contributors< / a > .< / p >
< 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 >
< ul class = "bs-docs-footer-links muted" >
< li > Currently v3.1.1< / li >
< 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 >
< li > < a href = "https://github.com/twbs/bootstrap/issues?state=open" > Issues< / a > < / li >
< 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 -->
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" > < / script >
< script src = "../dist/js/bootstrap.min.js" > < / script >
< script src = "../assets/js/docs.min.js" > < / script >
< 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 >
