2013-02-12 21:16:32 +01:00
---
2013-03-28 09:08:14 +01:00
layout: home
2013-02-13 20:48:22 +01:00
title: Bootstrap
2013-02-12 21:16:32 +01:00
---
< div class = "bs-docs-jumbotron masthead" >
< div class = "container" >
< h1 > Bootstrap< / h1 >
< p class = "lead" > Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.< / p >
< p >
< a href = "assets/bootstrap.zip" class = "btn btn-large" onclick = "_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0']);" > Download Bootstrap< / a >
2013-03-28 09:08:14 +01:00
< a href = "./docs/" class = "btn btn-large" onclick = "_gaq.push(['_trackEvent', 'Jumbotron actions', 'Docs', 'View docs']);" > View docs< / a >
2013-02-12 21:16:32 +01:00
< / p >
< ul class = "masthead-links" >
< li >
< a href = "http://github.com/twitter/bootstrap" onclick = "_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);" > GitHub project< / a >
< / li >
< li >
2013-03-01 21:37:21 +01:00
< a href = "./getting-started/#examples" onclick = "_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);" > Examples< / a >
2013-02-12 21:16:32 +01:00
< / li >
< li > Version 3.0.0< / li >
< / ul >
< / div >
< / div >
2013-03-28 09:08:14 +01:00
< div class = "container bs-home-container" >
2013-02-12 21:16:32 +01:00
2013-02-18 05:18:29 +01:00
< div class = "bs-docs-marketing" >
2013-02-12 21:16:32 +01:00
< h1 > Introducing Bootstrap.< / h1 >
< p class = "marketing-byline" > Need reasons to love Bootstrap? Look no further.< / p >
< div class = "row" >
2013-03-27 01:12:17 +01:00
< div class = "col-span-4" >
2013-02-12 21:16:32 +01:00
< img class = "marketing-img" src = "assets/img/bs-docs-twitter-github.png" >
< 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 >
2013-03-27 01:12:17 +01:00
< div class = "col-span-4" >
2013-02-12 21:16:32 +01:00
< img class = "marketing-img" src = "assets/img/bs-docs-responsive-illustrations.png" >
< h2 > Made for everyone.< / h2 >
< p > Bootstrap 3 has been rebuilt from the ground up to push the Web forward. It looks and behaves great on the latest smartphones, tablets, and desktops (including support for IE8+).< / p >
< / div >
2013-03-27 01:12:17 +01:00
< div class = "col-span-4" >
2013-02-12 21:16:32 +01:00
< img class = "marketing-img" src = "assets/img/bs-docs-bootstrap-features.png" >
< h2 > Packed with features.< / h2 >
2013-02-18 03:10:29 +01:00
< p > A 12-column responsive < a href = "./css/#grid-system" > grid< / a > , dozens of components, < a href = "./javascript/" > JavaScript plugins< / a > , typography, form controls, and even a < a href = "./customize/" > web-based Customizer< / a > to make Bootstrap your own.< / p >
2013-02-12 21:16:32 +01:00
< / div >
< / div >
< h1 > Built with Bootstrap.< / h1 >
2013-03-04 04:40:47 +01:00
< p class = "marketing-byline" > For more sites built with Bootstrap, < a href = "http://expo.getbootstrap.com" > visit the Expo< / a > or < a href = "./getting-started/#examples" > browse the examples< / a > .< / p >
2013-02-16 02:27:05 +01:00
< div class = "row bs-docs-gallery" >
2013-03-27 01:12:17 +01:00
< div class = "col-span-3" >
2013-03-04 04:40:47 +01:00
< a class = "thumbnail" href = "http://delicious.com" target = "_blank" >
< img src = "http://expo.getbootstrap.com/screenshots/delicious.jpg" alt = "Delicious" >
2013-02-12 21:16:32 +01:00
< / a >
< / div >
2013-03-27 01:12:17 +01:00
< div class = "col-span-3" >
2013-03-04 04:40:47 +01:00
< a class = "thumbnail" href = "https://yourkarma.com" target = "_blank" >
< img src = "http://expo.getbootstrap.com/screenshots/karma.jpg" alt = "Karma" >
2013-02-16 02:21:41 +01:00
< / a >
< / div >
2013-03-27 01:12:17 +01:00
< div class = "col-span-3" >
2013-02-12 21:16:32 +01:00
< a class = "thumbnail" href = "http://soundready.fm/" target = "_blank" >
2013-03-04 04:40:47 +01:00
< img src = "http://expo.getbootstrap.com/screenshots/soundready.jpg" alt = "SoundReady" >
2013-02-12 21:16:32 +01:00
< / a >
< / div >
2013-03-27 01:12:17 +01:00
< div class = "col-span-3" >
2013-02-12 21:16:32 +01:00
< a class = "thumbnail" href = "http://kippt.com/" target = "_blank" >
2013-03-04 04:40:47 +01:00
< img src = "http://expo.getbootstrap.com/screenshots/kippt.jpg" alt = "Kippt" >
2013-02-12 21:16:32 +01:00
< / a >
< / div >
< / div >
< / div >
< / div >