2017-08-11 06:04:59 +02:00
<!DOCTYPE html>
< html lang = en >
< head >
< meta charset = utf-8 >
< meta content = "IE=edge" http-equiv = X-UA-Compatible >
< meta content = "width=device-width,initial-scale=1" name = viewport >
< meta content = "Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name = description >
< meta content = "Mark Otto, Jacob Thornton, and Bootstrap contributors" name = author >
< title > Bootstrap · The world's most popular mobile-first and responsive front-end framework. < / title >
2017-08-11 06:34:30 +02:00
< link href = dist/css/bootstrap.min.css rel = stylesheet >
< link href = assets/css/docs.min.css rel = stylesheet >
2017-08-11 06:04:59 +02:00
<!-- [if lt IE 9]><script src=../assets/js/ie8 - responsive - file - warning.js></script><![endif] -->
2017-08-11 06:34:30 +02:00
< script src = assets/js/ie-emulation-modes-warning.js > < / script >
2017-08-11 06:04:59 +02:00
<!-- [if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif] -->
< link href = /apple-touch-icon.png rel = apple-touch-icon >
< link href = /favicon.ico rel = icon >
< script >
! function(e, t, a, n, c, o, s) {
e.GoogleAnalyticsObject = c, e[c] = e[c] || function() {
(e[c].q = e[c].q || []).push(arguments)
}, e[c].l = 1 * new Date, o = t.createElement(a), s = t.getElementsByTagName(a)[0], o.async = 1, o.src = n, s.parentNode.insertBefore(o, s)
}(window, document, "script", "//www.google-analytics.com/analytics.js", "ga"), ga("create", "UA-146052-10", "getbootstrap.com"), ga("send", "pageview")
< / script >
< / head >
< body class = bs-docs-home >
< a href = #content class = "sr-only sr-only-focusable" id = skippy >
< div class = container > < span class = skiplink-text > Skip to main content< / span > < / div >
2018-02-04 03:16:59 +01:00
< / a > < a href = https://getbootstrap.com/ class = v4-tease > Bootstrap 4 is here!< / a >
2017-08-11 06:04:59 +02:00
< header class = "bs-docs-nav navbar navbar-static-top" id = top >
< div class = container >
< div class = navbar-header >
< button aria-controls = bs-navbar aria-expanded = false class = "collapsed navbar-toggle" data-target = #bs-navbar data-toggle = collapse type = button > < 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" id = bs-navbar >
< ul class = "nav navbar-nav" >
2018-12-23 10:30:57 +01:00
< li > < a href = getting-started/ > Getting started< / a >
2017-08-11 06:04:59 +02:00
< / li >
2018-12-23 10:30:57 +01:00
< li > < a href = css/ > CSS< / a >
2017-08-11 06:04:59 +02:00
< / li >
2018-12-23 10:30:57 +01:00
< li > < a href = components/ > Components< / a >
2017-08-11 06:04:59 +02:00
< / li >
2018-12-23 10:30:57 +01:00
< li > < a href = javascript/ > JavaScript< / a >
2017-08-11 06:04:59 +02:00
< / li >
2018-12-23 10:30:57 +01:00
< li > < a href = customize/ > Customize< / a >
2017-08-11 06:04:59 +02:00
< / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
2018-12-29 21:10:00 +01:00
< li > < a href = https://themes.getbootstrap.com/ onclick = 'ga("send","event","Navbar","Community links","Themes")' > Themes< / a > < / li >
< li > < a href = https://expo.getbootstrap.com/ onclick = 'ga("send","event","Navbar","Community links","Expo")' > Expo< / a > < / li >
< li > < a href = https://blog.getbootstrap.com/ onclick = 'ga("send","event","Navbar","Community links","Blog")' > Blog< / a > < / li >
2017-08-11 06:04:59 +02:00
< / ul >
< / nav >
< / div >
< / header >
< main class = bs-docs-masthead id = content tabindex = -1 >
< div class = container > < span class = "bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-outline" > B< / span >
< p class = lead > Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.< / p >
2018-12-23 10:30:57 +01:00
< p class = lead > < a href = getting-started/#download class = "btn btn-outline-inverse btn-lg" onclick = 'ga("send","event","Jumbotron actions","Download","Download 3.3.7")' > Download Bootstrap< / a > < / p >
2017-08-11 06:04:59 +02:00
< p class = version > Currently v3.3.7< / p >
2018-06-25 05:44:40 +02:00
< script async src = "https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id = "_carbonads_js" > < / script >
2017-08-11 06:04:59 +02:00
< / div >
< / main >
< div class = bs-docs-featurette >
< div class = container >
< h2 class = bs-docs-featurette-title > Designed for everyone, everywhere< / h2 >
< 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 >
< hr class = half-rule >
< div class = row >
< div class = col-sm-4 > < img alt = "Sass and Less support" src = assets/img/sass-less.png class = img-responsive >
< h3 > Preprocessors< / h3 >
2018-12-23 10:30:57 +01: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 >
2017-08-11 06:04:59 +02:00
< / div >
< div class = col-sm-4 > < img alt = "Responsive across devices" src = assets/img/devices.png class = img-responsive >
< h3 > One framework, every device.< / h3 >
< 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 >
< / div >
< div class = col-sm-4 > < img alt = Components src = assets/img/components.png class = img-responsive >
< 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 >
< / div >
< / div >
< hr class = half-rule >
< p class = lead > Bootstrap is open source. It's hosted, developed, and maintained on GitHub.< / p > < a href = https://github.com/twbs/bootstrap class = "btn btn-outline btn-lg" > View the GitHub project< / a > < / div >
< / div >
< div class = "bs-docs-featurette" >
< div class = "container" >
2018-02-21 17:51:01 +01:00
< h2 class = "bs-docs-featurette-title" > Premium Bootstrap Themes< / h2 >
2017-08-11 06:04:59 +02:00
< p class = "lead" >
2018-02-21 17:51:01 +01:00
Take Bootstrap 4 to the next level with premium themes from our official marketplace—all built on Bootstrap with new components and plugins, docs, and build tools.
2017-08-11 06:04:59 +02:00
< / p >
< p class = "lead" >
2018-12-29 21:10:00 +01:00
< a href = "https://themes.getbootstrap.com/" class = "btn btn-outline btn-lg" > Browse themes< / a >
2017-08-11 06:04:59 +02:00
< / p >
2017-10-02 07:16:09 +02:00
< img class = "img-responsive" src = "assets/img/bs-themes.png" alt = "Bootstrap Themes" width = "1024" height = "388" style = "margin-left: auto; margin-right: auto;" >
2017-08-11 06:04:59 +02:00
< / div >
< / div >
< div class = bs-docs-featurette >
< div class = container >
< h2 class = bs-docs-featurette-title > Built with Bootstrap< / h2 >
< 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 >
< hr class = half-rule >
< div class = "row bs-docs-featured-sites" >
< div class = "col-xs-6 col-sm-3" >
2018-12-28 08:03:24 +01:00
< a href = https://expo.getbootstrap.com/2014/10/29/lyft/ target = _blank title = Lyft > < img alt = Lyft src = assets/img/expo-lyft.jpg class = img-responsive > < / a >
2017-08-11 06:04:59 +02:00
< / div >
< div class = "col-xs-6 col-sm-3" >
2018-12-28 08:03:24 +01:00
< a href = https://expo.getbootstrap.com/2014/09/30/vogue/ target = _blank title = Vogue > < img alt = Vogue src = assets/img/expo-vogue.jpg class = img-responsive > < / a >
2017-08-11 06:04:59 +02:00
< / div >
< div class = "col-xs-6 col-sm-3" >
2018-12-28 08:03:24 +01:00
< a href = https://expo.getbootstrap.com/2014/03/13/riot-design/ target = _blank title = "Riot Design" > < img alt = "Riot Design" src = assets/img/expo-riot.jpg class = img-responsive > < / a >
2017-08-11 06:04:59 +02:00
< / div >
< div class = "col-xs-6 col-sm-3" >
2018-12-28 08:03:24 +01:00
< a href = https://expo.getbootstrap.com/2014/02/12/newsweek/ target = _blank title = Newsweek > < img alt = Newsweek src = assets/img/expo-newsweek.jpg class = img-responsive > < / a >
2017-08-11 06:04:59 +02:00
< / div >
< / div >
< hr class = half-rule >
2018-12-29 21:10:00 +01:00
< p class = lead > We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.< / p > < a href = https://expo.getbootstrap.com/ class = "btn btn-outline btn-lg" > Explore the Expo< / a > < / div >
2017-08-11 06:04:59 +02:00
< / div >
< footer class = bs-docs-footer >
< div class = container >
< ul class = bs-docs-footer-links >
< li > < a href = https://github.com/twbs/bootstrap > GitHub< / a > < / li >
< li > < a href = https://twitter.com/getbootstrap > Twitter< / a > < / li >
2017-10-02 07:19:14 +02:00
< li > < a href = getting-started/#examples > Examples< / a > < / li >
2018-12-23 10:30:57 +01:00
< li > < a href = about/ > About< / a >
2017-08-11 06:04:59 +02:00
< / li >
< / ul >
< 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 > . 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 >
< p > Code licensed < a href = https://github.com/twbs/bootstrap/blob/master/LICENSE target = _blank rel = license > MIT< / a > , docs < a href = https://creativecommons.org/licenses/by/3.0/ target = _blank rel = license > CC BY 3.0< / a > .< / p >
< / div >
< / footer >
< script src = https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js > < / script >
< script >
window.jQuery || document.write('< script src = "../assets/js/vendor/jquery.min.js" > < \ / s c r i p t > ' )
< / script >
2017-08-11 06:34:30 +02:00
< script src = dist/js/bootstrap.min.js > < / script >
< script src = assets/js/docs.min.js > < / script >
< script src = assets/js/ie10-viewport-bug-workaround.js > < / script >
2017-08-11 06:04:59 +02:00
< script >
var _gauges = _gauges || [];
! function() {
var e = document.createElement("script");
e.async = !0, e.id = "gauges-tracker", e.setAttribute("data-site-id", "4f0dc9fef5a1f55508000013"), e.src = "//secure.gaug.es/track.js";
var t = document.getElementsByTagName("script")[0];
t.parentNode.insertBefore(e, t)
}()
< / script >
