2013-02-12 20:16:32 +00:00
---
2013-03-28 08:08:14 +00:00
layout: home
2013-02-13 19:48:22 +00:00
title: Bootstrap
2013-02-12 20:16:32 +00:00
---
2014-02-09 07:24:16 +00:00
< main class = "bs-docs-masthead" id = "content" role = "main" >
2013-07-26 08:43:43 +00:00
< div class = "container" >
2014-02-09 07:24:16 +00:00
< span class = "bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-outline" > B< / span >
2014-01-10 02:05:04 +00: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 21:53:33 +00:00
< p class = "lead" >
2014-01-10 02:05:04 +00:00
< a href = "getting-started#download" class = "btn btn-outline-inverse btn-lg" onclick = "_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}']);" > Download Bootstrap< / a >
2013-02-12 20:16:32 +00:00
< / p >
2014-02-11 04:23:29 +00:00
< p class = "version" > Currently v{{ site.current_version }}< / p >
2013-12-12 06:37:59 +00:00
{% include ads.html %}
2013-02-12 20:16:32 +00:00
< / div >
2013-08-10 23:11:34 +00:00
< / main >
2013-12-12 06:37:59 +00:00
2014-02-09 07:24:16 +00:00
< div class = "bs-docs-featurette" >
2013-12-12 06:37:59 +00:00
< div class = "container" >
2014-02-09 07:24:16 +00:00
< h2 class = "bs-docs-featurette-title" > Designed for everyone, everywhere.< / h2 >
2013-12-25 12:32:00 +00: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 06:37:59 +00:00
< hr class = "half-rule" >
< div class = "row" >
< div class = "col-sm-4" >
2013-12-31 21:56:20 +00:00
< img src = "assets/img/sass-less.png" alt = "Sass and Less support" class = "img-responsive" >
2014-01-18 17:15:37 +00:00
< h3 > Preprocessors< / h3 >
2014-01-20 05:03:17 +00: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 06:37:59 +00:00
< / div >
< div class = "col-sm-4" >
2013-12-31 21:56:20 +00:00
< img src = "assets/img/devices.png" alt = "Responsive across devices" class = "img-responsive" >
2013-12-12 06:37:59 +00:00
< h3 > One framework, every device.< / h3 >
2014-01-02 18:54:10 +00:00
< p > Bootstrap easily and efficiently scales your project with one code base, from phones to tablets to desktops.< / p >
2013-12-12 06:37:59 +00:00
< / div >
< div class = "col-sm-4" >
2013-12-31 21:56:20 +00:00
< img src = "assets/img/components.png" alt = "Components" class = "img-responsive" >
2013-12-12 06:37:59 +00: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 18:54:10 +00:00
< p class = "lead" > Bootstrap is open source. It's hosted, developed, and maintained on GitHub.< / p >
2013-12-12 06:37:59 +00:00
< a href = "{{ site.repo }}" class = "btn btn-outline btn-lg" > View the GitHub project< / a >
< / div >
< / div >
2014-02-09 07:24:16 +00:00
< div class = "bs-docs-featurette" >
2013-12-12 06:37:59 +00:00
< div class = "container" >
2014-02-09 07:24:16 +00:00
< h2 class = "bs-docs-featurette-title" > Built with Bootstrap.< / h2 >
2014-01-20 06:50:09 +00: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 06:37:59 +00:00
< hr class = "half-rule" >
2014-02-09 07:24:16 +00:00
< div class = "row bs-docs-featured-sites" >
2014-01-06 07:36:57 +00:00
{% for showcase in site.data.showcase %}
2013-12-12 06:37:59 +00:00
< div class = "col-sm-3" >
2014-01-06 07:36:57 +00:00
< a href = "{{ showcase.expo_url }}" target = "_blank" title = "{{ showcase.name }}" >
< img src = "{{ showcase.img }}" alt = "{{ showcase.name }}" class = "img-responsive" >
2013-12-12 22:57:43 +00:00
< / a >
2013-12-12 06:37:59 +00:00
< / div >
2014-01-06 07:36:57 +00:00
{% endfor %}
2013-12-12 06:37:59 +00:00
< / div >
< hr class = "half-rule" >
2014-01-19 07:17:00 +00:00
< p class = "lead" > We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.< / p >
< a href = "{{ site.expo }}" class = "btn btn-outline btn-lg" > Explore the Expo< / a >
2013-12-12 06:37:59 +00:00
< / div >
< / div >