Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
2 changes: 0 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,6 @@
·
<a href="https://github.com/twbs/bootstrap/issues/new?template=feature.md&labels=feature">Request feature</a>
·
<a href="https://themes.getbootstrap.com/">Themes</a>
·
<a href="https://blog.getbootstrap.com/">Blog</a>
</p>

Expand Down
2 changes: 1 addition & 1 deletion docs/3.3/about/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/3.3/browser-bugs/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/3.3/components/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/3.3/css/index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!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> CSS &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/css/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-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://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <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","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>There's a newer version of Bootstrap!</a> <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"> <li> <a href=../getting-started/ >Getting started</a> </li> <li class=active> <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=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> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>CSS</h1> <p>Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=overview>Overview</h1> <p class=lead>Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p> <h2 id=overview-doctype>HTML5 doctype</h2> <p>Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=cp>&lt;!DOCTYPE html&gt;</span>
<!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> CSS &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/css/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-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://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <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","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>There's a newer version of Bootstrap!</a> <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"> <li> <a href=../getting-started/ >Getting started</a> </li> <li class=active> <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=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> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>CSS</h1> <p>Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=overview>Overview</h1> <p class=lead>Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p> <h2 id=overview-doctype>HTML5 doctype</h2> <p>Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=cp>&lt;!DOCTYPE html&gt;</span>
<span class=nt>&lt;html</span> <span class=na>lang=</span><span class=s>"en"</span><span class=nt>&gt;</span>
...
<span class=nt>&lt;/html&gt;</span></code></pre></figure> <h2 id=overview-mobile>Mobile first</h2> <p>With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, <strong>Bootstrap is mobile first</strong>. Mobile first styles can be found throughout the entire library instead of in separate files.</p> <p>To ensure proper rendering and touch zooming, <strong>add the viewport meta tag</strong> to your <code>&lt;head&gt;</code>.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;meta</span> <span class=na>name=</span><span class=s>"viewport"</span> <span class=na>content=</span><span class=s>"width=device-width, initial-scale=1"</span><span class=nt>&gt;</span></code></pre></figure> <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;meta</span> <span class=na>name=</span><span class=s>"viewport"</span> <span class=na>content=</span><span class=s>"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"</span><span class=nt>&gt;</span></code></pre></figure> <h2 id=overview-type-links>Typography and links</h2> <p>Bootstrap sets basic global display, typography, and link styles. Specifically, we:</p> <ul> <li>Set <code>background-color: #fff;</code> on the <code>body</code></li> <li>Use the <code>@font-family-base</code>, <code>@font-size-base</code>, and <code>@line-height-base</code> attributes as our typographic base</li> <li>Set the global link color via <code>@link-color</code> and apply link underlines only on <code>:hover</code></li> </ul> <p>These styles can be found within <code>scaffolding.less</code>.</p> <h2 id=overview-normalize>Normalize.css</h2> <p>For improved cross-browser rendering, we use <a href=http://necolas.github.io/normalize.css/ rel=noopener target=_blank>Normalize.css</a>, a project by <a href=https://twitter.com/necolas rel=noopener target=_blank>Nicolas Gallagher</a> and <a href=https://twitter.com/jon_neal rel=noopener target=_blank>Jonathan Neal</a>.</p> <h2 id=overview-container>Containers</h2> <p>Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to <code>padding</code> and more, neither container is nestable.</p> <p>Use <code>.container</code> for a responsive fixed width container.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"container"</span><span class=nt>&gt;</span>
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/blog/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,6 @@ <h4>Elsewhere</h4>
</p>
</footer>


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
5 changes: 0 additions & 5 deletions docs/3.3/examples/carousel/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,6 @@
</div>
</div>


<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
Expand Down Expand Up @@ -125,7 +124,6 @@ <h1>One more for good measure.</h1>
</a>
</div><!-- /.carousel -->


<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
Expand Down Expand Up @@ -154,7 +152,6 @@ <h2>Heading</h2>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->


<!-- START THE FEATURETTES -->

<hr class="featurette-divider">
Expand Down Expand Up @@ -197,7 +194,6 @@ <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Ch

<!-- /END THE FEATURETTES -->


<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
Expand All @@ -206,7 +202,6 @@ <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Ch

</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
2 changes: 0 additions & 2 deletions docs/3.3/examples/grid/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -147,10 +147,8 @@ <h3>Offset, push, and pull resets</h3>
<div class="col-sm-6 col-md-5 col-md-offset-2 col-lg-6 col-lg-offset-0">.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0</div>
</div>


</div> <!-- /container -->


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/jumbotron-narrow/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,6 @@ <h4>Subheading</h4>

</div> <!-- /container -->


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/jumbotron/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,6 @@ <h2>Heading</h2>
</footer>
</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/justified-nav/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,6 @@ <h2>Heading</h2>

</div> <!-- /container -->


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/navbar-fixed-top/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,6 @@ <h1>Navbar example</h1>

</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
2 changes: 0 additions & 2 deletions docs/3.3/examples/navbar-static-top/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,6 @@
</div>
</nav>


<div class="container">

<!-- Main component for a primary marketing message or call to action -->
Expand All @@ -88,7 +87,6 @@ <h1>Navbar example</h1>

</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/navbar/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,6 @@ <h1>Navbar example</h1>

</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/non-responsive/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,6 @@ <h3>Non-responsive grid system</h3>

</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/offcanvas/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -124,7 +124,6 @@ <h2>Heading</h2>

</div><!--/.container-->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/signin/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,6 @@ <h2 class="form-signin-heading">Please sign in</h2>

</div> <!-- /container -->


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/starter-template/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,6 @@ <h1>Bootstrap starter template</h1>

</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/sticky-footer-navbar/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,6 @@ <h1>Sticky footer with fixed navbar</h1>
</div>
</footer>


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
1 change: 0 additions & 1 deletion docs/3.3/examples/sticky-footer/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,6 @@ <h1>Sticky footer</h1>
</div>
</footer>


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
Expand Down
16 changes: 0 additions & 16 deletions docs/3.3/examples/theme/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,6 @@ <h1>Theme example</h1>
<p>This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it.</p>
</div>


<div class="page-header">
<h1>Buttons</h1>
</div>
Expand Down Expand Up @@ -118,7 +117,6 @@ <h1>Buttons</h1>
<button type="button" class="btn btn-xs btn-link">Link</button>
</p>


<div class="page-header">
<h1>Tables</h1>
</div>
Expand Down Expand Up @@ -259,13 +257,11 @@ <h1>Tables</h1>
</div>
</div>


<div class="page-header">
<h1>Thumbnails</h1>
</div>
<img data-src="holder.js/200x200" class="img-thumbnail" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">


<div class="page-header">
<h1>Labels</h1>
</div>
Expand Down Expand Up @@ -326,7 +322,6 @@ <h6>
<span class="label label-danger">Danger</span>
</p>


<div class="page-header">
<h1>Badges</h1>
</div>
Expand All @@ -339,7 +334,6 @@ <h1>Badges</h1>
<li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li>
</ul>


<div class="page-header">
<h1>Dropdown menus</h1>
</div>
Expand All @@ -354,7 +348,6 @@ <h1>Dropdown menus</h1>
</ul>
</div>


<div class="page-header">
<h1>Navs</h1>
</div>
Expand All @@ -369,7 +362,6 @@ <h1>Navs</h1>
<li role="presentation"><a href="#">Messages</a></li>
</ul>


<div class="page-header">
<h1>Navbars</h1>
</div>
Expand Down Expand Up @@ -440,7 +432,6 @@ <h1>Navbars</h1>
</div>
</nav>


<div class="page-header">
<h1>Alerts</h1>
</div>
Expand All @@ -457,7 +448,6 @@ <h1>Alerts</h1>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>


<div class="page-header">
<h1>Progress bars</h1>
</div>
Expand Down Expand Up @@ -485,7 +475,6 @@ <h1>Progress bars</h1>
<div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div>
</div>


<div class="page-header">
<h1>List groups</h1>
</div>
Expand Down Expand Up @@ -528,7 +517,6 @@ <h4 class="list-group-item-heading">List group item heading</h4>
</div><!-- /.col-sm-4 -->
</div>


<div class="page-header">
<h1>Panels</h1>
</div>
Expand Down Expand Up @@ -589,15 +577,13 @@ <h3 class="panel-title">Panel title</h3>
</div><!-- /.col-sm-4 -->
</div>


<div class="page-header">
<h1>Wells</h1>
</div>
<div class="well">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
</div>


<div class="page-header">
<h1>Carousel</h1>
</div>
Expand Down Expand Up @@ -628,10 +614,8 @@ <h1>Carousel</h1>
</a>
</div>


</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Expand Down
Loading