mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-03 15:24:19 +01:00
3 lines
8.5 KiB
HTML
3 lines
8.5 KiB
HTML
<!DOCTYPE html> <html lang=en> <head> <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"> <title> Bootstrap · The world's most popular mobile-first and responsive front-end framework. </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script><!--[if lt IE 9]><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><![endif]--><link rel=apple-touch-icon href=/apple-touch-icon.png> <link rel=icon href=/favicon.ico> <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 id=skippy class="sr-only sr-only-focusable" href=#content><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href="http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/" class="v4-tease">Aww yeah, Bootstrap 4 is coming!</a> <header class="navbar navbar-static-top bs-docs-nav" id=top role=banner> <div class=container> <div class=navbar-header> <button class="navbar-toggle collapsed" type=button data-toggle=collapse data-target=#bs-navbar aria-controls=bs-navbar aria-expanded=false> <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 id=bs-navbar class="collapse navbar-collapse"> <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://themes.getbootstrap.com onclick="ga("send","event","Navbar","Community links","Themes")">Themes</a></li> <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> </ul> </nav> </div> </header> <main class=bs-docs-masthead id=content role=main 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> <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.6")">Download Bootstrap</a> </p> <p class=version>Currently v3.3.6</p> <div id=carbonads-container><div class=carbonad><div id=azcarbon></div><script>var z=document.createElement("script");z.async=!0,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></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 src=assets/img/sass-less.png alt="Sass and Less support" class=img-responsive> <h3>Preprocessors</h3> <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> </div> <div class=col-sm-4> <img src=assets/img/devices.png alt="Responsive across devices" 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 src=assets/img/components.png alt=Components 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> <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"> <a href=http://expo.getbootstrap.com/2014/10/29/lyft/ target=_blank title=Lyft> <img src=/assets/img/expo-lyft.jpg alt=Lyft class=img-responsive> </a> </div> <div class="col-xs-6 col-sm-3"> <a href=http://expo.getbootstrap.com/2014/09/30/vogue/ target=_blank title=Vogue> <img src=/assets/img/expo-vogue.jpg alt=Vogue class=img-responsive> </a> </div> <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=/assets/img/expo-riot.jpg alt="Riot Design" class=img-responsive> </a> </div> <div class="col-xs-6 col-sm-3"> <a href=http://expo.getbootstrap.com/2014/02/12/newsweek/ target=_blank title=Newsweek> <img src=/assets/img/expo-newsweek.jpg alt=Newsweek class=img-responsive> </a> </div> </div> <hr class=half-rule> <p class=lead>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p> <a href=http://expo.getbootstrap.com class="btn btn-outline btn-lg">Explore the Expo</a> </div> </div> <footer class=bs-docs-footer role=contentinfo> <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> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href="../about/">About</a></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 rel=license href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank>MIT</a>, docs <a rel=license href=https://creativecommons.org/licenses/by/3.0/ target=_blank>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js></script><script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>');</script><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><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></body></html>
|