rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-12 00:08:59 +01:00
Code Issues Actions Packages Releases Activity
47b3c9cdef
Bootstrap/docs/3.3/index.html

162 lines
9.8 KiB
HTML
Raw Normal View History

beta docs
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 &middot; The world's most popular mobile-first and responsive front-end framework. </title>
fix 3.3.7 page
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>
beta docs
2017-08-11 06:04:59 +02:00
<!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]-->
fix 3.3.7 page
2017-08-11 06:34:30 +02:00
<script src=assets/js/ie-emulation-modes-warning.js></script>
beta docs
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>
update announcement teaser
2018-02-04 03:16:59 +01:00
</a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a>
beta docs
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">
fix 3.3.7 page
2017-08-11 06:34:30 +02:00
<li> <a href=getting-started/>Getting started</a>
beta docs
2017-08-11 06:04:59 +02:00
</li>
fix 3.3.7 page
2017-08-11 06:34:30 +02:00
<li> <a href=css/>CSS</a>
beta docs
2017-08-11 06:04:59 +02:00
</li>
fix 3.3.7 page
2017-08-11 06:34:30 +02:00
<li> <a href=components/>Components</a>
beta docs
2017-08-11 06:04:59 +02:00
</li>
fix 3.3.7 page
2017-08-11 06:34:30 +02:00
<li> <a href=javascript/>JavaScript</a>
beta docs
2017-08-11 06:04:59 +02:00
</li>
fix 3.3.7 page
2017-08-11 06:34:30 +02:00
<li> <a href=customize/>Customize</a>
beta docs
2017-08-11 06:04:59 +02:00
</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=https://jobs.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Jobs")'>Jobs</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 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.7")'>Download Bootstrap</a> </p>
<p class=version>Currently v3.3.7</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 alt="Sass and Less support" src=assets/img/sass-less.png 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 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">
themes language
2018-02-21 17:51:01 +01:00
<h2 class="bs-docs-featurette-title">Premium Bootstrap Themes</h2>
beta docs
2017-08-11 06:04:59 +02:00
<p class="lead">
themes language
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.
beta docs
2017-08-11 06:04:59 +02:00
</p>
<p class="lead">
<a href="https://themes.getbootstrap.com" class="btn btn-outline btn-lg">Browse themes</a>
</p>
fix urls
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;">
beta docs
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">
fix urls
2017-10-02 07:16:09 +02:00
<a href=http://expo.getbootstrap.com/2014/10/29/lyft/ target=_blank title=Lyft> <img alt=Lyft src=assets/img/expo-lyft.jpg class=img-responsive> </a>
beta docs
2017-08-11 06:04:59 +02:00
</div>
<div class="col-xs-6 col-sm-3">
fix urls
2017-10-02 07:16:09 +02:00
<a href=http://expo.getbootstrap.com/2014/09/30/vogue/ target=_blank title=Vogue> <img alt=Vogue src=assets/img/expo-vogue.jpg class=img-responsive> </a>
beta docs
2017-08-11 06:04:59 +02:00
</div>
<div class="col-xs-6 col-sm-3">
fix urls
2017-10-02 07:16:09 +02:00
<a href=http://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>
beta docs
2017-08-11 06:04:59 +02:00
</div>
<div class="col-xs-6 col-sm-3">
fix urls
2017-10-02 07:16:09 +02:00
<a href=http://expo.getbootstrap.com/2014/02/12/newsweek/ target=_blank title=Newsweek> <img alt=Newsweek src=assets/img/expo-newsweek.jpg class=img-responsive> </a>
beta docs
2017-08-11 06:04:59 +02:00
</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>
<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>
fix footer
2017-10-02 07:19:14 +02:00
<li><a href=getting-started/#examples>Examples</a></li>
<li><a href=about/>About</a>
beta docs
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"><\/script>')
</script>
fix 3.3.7 page
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>
beta docs
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>
Reference in New Issue Copy Permalink