From: Mark Otto Date: Mon, 25 Jun 2018 03:44:40 +0000 (-0700) Subject: fix broken assets, update ads X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d74477a423f0a031ce057fbd5cd38d78bafe8795;p=thirdparty%2Fbootstrap.git fix broken assets, update ads --- diff --git a/docs/3.3/about/index.html b/docs/3.3/about/index.html index b43a08bbe5..2c9f97b1a8 100644 --- a/docs/3.3/about/index.html +++ b/docs/3.3/about/index.html @@ -1 +1 @@ - About · Bootstrap
Skip to main content
 Bootstrap 4 is here!

About

Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand.

History

Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.

Bootstrap was created at Twitter in mid-2010 by @mdo and @fat. Prior to being an open-sourced framework, Bootstrap was known as Twitter Blueprint. A few months into development, Twitter held its first Hack Week and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.

Originally released on , we've since had over twenty releases, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.

Team

Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.

Core team

@mdo avatar Mark Otto @mdo
@fat avatar Jacob Thornton @fat
@cvrebert avatar Chris Rebert @cvrebert
@juthilo avatar Julian Thilo @juthilo
@xhmikosr avatar XhmikosR @xhmikosr
@hnrch02 avatar Heinrich Fenkart @hnrch02
@patrickhlauke avatar Patrick H. Lauke @patrickhlauke

Get involved with Bootstrap development by opening an issue or submitting a pull request. Read our contributing guidelines for information on how we develop.

Sass team

@thomas-mcdonald avatar Thomas McDonald @thomas-mcdonald
@glebm avatar Gleb Mazovetskiy @glebm

The official Sass port of Bootstrap was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass contributing guidelines for information on how the Sass port is developed.

Brand guidelines

Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's Brand Assets.

Mark and logo

Use either the Bootstrap mark (a capital B) or the standard logo (just Bootstrap). It should always appear in Helvetica Neue Bold. Do not use the Twitter bird in association with Bootstrap.

B
B

Bootstrap

Bootstrap

Download mark

Download the Bootstrap mark in one of three styles, each available as an SVG file. Right click, Save as.

Bootstrap
Bootstrap
Bootstrap

Name

The project and framework should always be referred to as Bootstrap. No Twitter before it, no capital s, and no abbreviations except for one, a capital B.

Bootstrap

(correct)

BootStrap

(incorrect)

Twitter Bootstrap

(incorrect)

Colors

Our docs and branding use a handful of primary colors to differentiate what is Bootstrap from what is in Bootstrap. In other words, if it's purple, it's representative of Bootstrap.

\ No newline at end of file + About · Bootstrap
Skip to main content
 Bootstrap 4 is here!

About

Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand.

History

Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.

Bootstrap was created at Twitter in mid-2010 by @mdo and @fat. Prior to being an open-sourced framework, Bootstrap was known as Twitter Blueprint. A few months into development, Twitter held its first Hack Week and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.

Originally released on , we've since had over twenty releases, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.

Team

Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.

Core team

@mdo avatar Mark Otto @mdo
@fat avatar Jacob Thornton @fat
@cvrebert avatar Chris Rebert @cvrebert
@juthilo avatar Julian Thilo @juthilo
@xhmikosr avatar XhmikosR @xhmikosr
@hnrch02 avatar Heinrich Fenkart @hnrch02
@patrickhlauke avatar Patrick H. Lauke @patrickhlauke

Get involved with Bootstrap development by opening an issue or submitting a pull request. Read our contributing guidelines for information on how we develop.

Sass team

@thomas-mcdonald avatar Thomas McDonald @thomas-mcdonald
@glebm avatar Gleb Mazovetskiy @glebm

The official Sass port of Bootstrap was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass contributing guidelines for information on how the Sass port is developed.

Brand guidelines

Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's Brand Assets.

Mark and logo

Use either the Bootstrap mark (a capital B) or the standard logo (just Bootstrap). It should always appear in Helvetica Neue Bold. Do not use the Twitter bird in association with Bootstrap.

B
B

Bootstrap

Bootstrap

Download mark

Download the Bootstrap mark in one of three styles, each available as an SVG file. Right click, Save as.

Bootstrap
Bootstrap
Bootstrap

Name

The project and framework should always be referred to as Bootstrap. No Twitter before it, no capital s, and no abbreviations except for one, a capital B.

Bootstrap

(correct)

BootStrap

(incorrect)

Twitter Bootstrap

(incorrect)

Colors

Our docs and branding use a handful of primary colors to differentiate what is Bootstrap from what is in Bootstrap. In other words, if it's purple, it's representative of Bootstrap.

diff --git a/docs/3.3/assets/css/docs.min.css b/docs/3.3/assets/css/docs.min.css index 74563b9c19..24efa270e6 100644 --- a/docs/3.3/assets/css/docs.min.css +++ b/docs/3.3/assets/css/docs.min.css @@ -7,5 +7,5 @@ * Copyright 2011-2016 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. For * details, see https://creativecommons.org/licenses/by/3.0/. - */body{position:relative}.table code{font-size:13px;font-weight:400}h2 code,h3 code,h4 code{background-color:inherit}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bs-docs-booticon{display:block;font-weight:500;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bs-docs-booticon-sm{width:30px;height:30px;font-size:20px;line-height:28px}.bs-docs-booticon-lg{width:144px;height:144px;font-size:108px;line-height:140px}.bs-docs-booticon-inverse{color:#563d7c;background-color:#fff}.bs-docs-booticon-outline{background-color:transparent;border:1px solid #cdbfe3}#skippy{display:block;padding:1em;color:#fff;background-color:#6f5499;outline:0}#skippy .skiplink-text{padding:.5em;outline:1px dotted}#content:focus{outline:0}.bs-docs-nav{margin-bottom:0;background-color:#fff;border-bottom:0}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{font-weight:500;color:#563d7c}.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover,.bs-docs-nav .navbar-nav>li>a:hover{color:#463265;background-color:#f9f9f9}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#563d7c}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle:focus,.bs-docs-nav .navbar-header .navbar-toggle:hover{background-color:#f9f9f9;border-color:#f9f9f9}.bs-docs-footer{padding-top:50px;padding-bottom:50px;margin-top:100px;color:#99979c;text-align:center;background-color:#2a2730}.bs-docs-footer a{color:#fff}.bs-docs-footer-links{padding-left:0;margin-bottom:20px}.bs-docs-footer-links li{display:inline-block}.bs-docs-footer-links li+li{margin-left:15px}@media (min-width:768px){.bs-docs-footer{text-align:left}.bs-docs-footer p{margin-bottom:0}}.bs-docs-header,.bs-docs-masthead{position:relative;padding:30px 0;color:#cdbfe3;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1);background-color:#6f5499;background-image:-webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:linear-gradient(to bottom,#563d7c 0,#6f5499 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);background-repeat:repeat-x}.bs-docs-masthead .bs-docs-booticon{margin:0 auto 30px}.bs-docs-masthead h1{font-weight:300;line-height:1;color:#fff}.bs-docs-masthead .lead{margin:0 auto 30px;font-size:20px;color:#fff}.bs-docs-masthead .version{margin-top:-15px;margin-bottom:30px;color:#9783b9}.bs-docs-masthead .btn{width:100%;padding:15px 30px;font-size:20px}@media (min-width:480px){.bs-docs-masthead .btn{width:auto}}@media (min-width:768px){.bs-docs-masthead{padding:80px 0}.bs-docs-masthead h1{font-size:60px}.bs-docs-masthead .lead{font-size:24px}}@media (min-width:992px){.bs-docs-masthead .lead{width:80%;font-size:30px}}.bs-docs-header{margin-bottom:40px;font-size:20px}.bs-docs-header h1{margin-top:0;color:#fff}.bs-docs-header p{margin-bottom:0;font-weight:300;line-height:1.4}.bs-docs-header .container{position:relative}@media (min-width:768px){.bs-docs-header{padding-top:60px;padding-bottom:60px;font-size:24px;text-align:left}.bs-docs-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.bs-docs-header h1,.bs-docs-header p{margin-right:380px}}.carbonad{width:auto!important;height:auto!important;padding:20px!important;margin:30px -15px -31px!important;overflow:hidden;font-size:13px!important;line-height:16px!important;text-align:left;background:0 0!important;border:solid #866ab3!important;border-width:1px 0!important}.carbonad-img{margin:0!important}.carbonad-tag,.carbonad-text{display:block!important;float:none!important;width:auto!important;height:auto!important;margin-left:145px!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.carbonad-text{padding-top:0!important}.carbonad-tag{color:inherit!important;text-align:left!important}.carbonad-tag a,.carbonad-text a{color:#fff!important}.carbonad #azcarbon>img{display:none}@media (min-width:480px){.carbonad{width:330px!important;margin:20px auto!important;border-width:1px!important;border-radius:4px}.bs-docs-masthead .carbonad{margin:50px auto 0!important}}@media (min-width:768px){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:992px){.carbonad{position:absolute;top:0;right:15px;width:330px!important;padding:15px!important;margin:0!important}.bs-docs-masthead .carbonad{position:static}}.bs-docs-featurette{padding-top:40px;padding-bottom:40px;font-size:16px;line-height:1.5;color:#555;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}.bs-docs-featurette+.bs-docs-footer{margin-top:0;border-top:0}.bs-docs-featurette-title{margin-bottom:5px;font-size:30px;font-weight:400;color:#333}.half-rule{width:100px;margin:40px auto}.bs-docs-featurette h3{margin-bottom:5px;font-weight:400;color:#333}.bs-docs-featurette-img{display:block;margin-bottom:20px;color:#333}.bs-docs-featurette-img:hover{color:#337ab7;text-decoration:none}.bs-docs-featurette-img img{display:block;margin-bottom:15px}@media (min-width:480px){.bs-docs-featurette .img-responsive{margin-top:30px}}@media (min-width:768px){.bs-docs-featurette{padding-top:100px;padding-bottom:100px}.bs-docs-featurette-title{font-size:40px}.bs-docs-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bs-docs-featurette .img-responsive{margin-top:0}}.bs-docs-featured-sites{margin-right:-1px;margin-left:-1px}.bs-docs-featured-sites .col-xs-6{padding:1px}.bs-docs-featured-sites .img-responsive{margin-top:0}@media (min-width:768px){.bs-docs-featured-sites .col-sm-3:first-child img{border-top-left-radius:4px;border-bottom-left-radius:4px}.bs-docs-featured-sites .col-sm-3:last-child img{border-top-right-radius:4px;border-bottom-right-radius:4px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}@media (max-width:480px){.bs-examples{margin-right:-10px;margin-left:-10px}.bs-examples>[class^=col-]{padding-right:10px;padding-left:10px}}.bs-docs-sidebar.affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-top:20px;margin-bottom:20px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#767676}.bs-docs-sidebar .nav>li>a:focus,.bs-docs-sidebar .nav>li>a:hover{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}.bs-docs-sidebar .nav>.active:focus>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active>a{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.bs-docs-sidebar .nav .nav>li>a:focus,.bs-docs-sidebar .nav .nav>li>a:hover{padding-left:29px}.bs-docs-sidebar .nav .nav>.active:focus>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active>a{padding-left:28px;font-weight:500}.back-to-top,.bs-docs-theme-toggle{display:none;padding:4px 10px;margin-top:10px;margin-left:10px;font-size:12px;font-weight:500;color:#999}.back-to-top:hover,.bs-docs-theme-toggle:hover{color:#563d7c;text-decoration:none}.bs-docs-theme-toggle{margin-top:0}@media (min-width:768px){.back-to-top,.bs-docs-theme-toggle{display:block}}@media (min-width:992px){.bs-docs-sidebar .nav>.active>ul{display:block}.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:213px}.bs-docs-sidebar.affix{position:fixed;top:20px}.bs-docs-sidebar.affix-bottom{position:absolute}.bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav{margin-top:0;margin-bottom:0}}@media (min-width:1200px){.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:263px}}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{padding-top:20px;margin-top:0}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#ce4844}.bs-callout-danger h4{color:#ce4844}.bs-callout-warning{border-left-color:#aa6708}.bs-callout-warning h4{color:#aa6708}.bs-callout-info{border-left-color:#1b809e}.bs-callout-info h4{color:#1b809e}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:60px;height:60px;margin:0 5px;border-radius:3px}@media (min-width:768px){.color-swatch{width:100px;height:100px}}.color-swatches .gray-darker{background-color:#222}.color-swatches .gray-dark{background-color:#333}.color-swatches .gray{background-color:#555}.color-swatches .gray-light{background-color:#999}.color-swatches .gray-lighter{background-color:#eee}.color-swatches .brand-primary{background-color:#337ab7}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#c7bfd3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{line-height:32px;color:#555}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;width:180px;height:20px;margin-top:6px;border:none}.bs-team img{float:left;width:32px;margin-right:10px;border-radius:4px}.bs-docs-browser-bugs td p{margin-bottom:0}.bs-docs-browser-bugs th:first-child{width:18%}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}.bs-example{position:relative;padding:45px 15px 15px;margin:0 -15px 15px;border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;-webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,.05);box-shadow:inset 0 3px 6px rgba(0,0,0,.05)}.bs-example:after{position:absolute;top:15px;left:15px;font-size:12px;font-weight:700;color:#959595;text-transform:uppercase;letter-spacing:1px;content:"Example"}.bs-example-padded-bottom{padding-bottom:24px}.bs-example+.highlight,.bs-example+.zero-clipboard+.highlight{margin:-15px -15px 15px;border-width:0 0 1px;border-radius:0}@media (min-width:768px){.bs-example{margin-right:0;margin-left:0;background-color:#fff;border-color:#ddd;border-width:1px;border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none}.bs-example+.highlight,.bs-example+.zero-clipboard+.highlight{margin-top:-16px;margin-right:0;margin-left:0;border-width:1px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.bs-example-standalone{border-radius:4px}}.bs-example .container{width:auto}.bs-example>.alert:last-child,.bs-example>.form-control:last-child,.bs-example>.jumbotron:last-child,.bs-example>.list-group:last-child,.bs-example>.navbar:last-child,.bs-example>.panel:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table,.bs-example>.table:last-child,.bs-example>.well:last-child,.bs-example>blockquote:last-child,.bs-example>ol:last-child,.bs-example>p:last-child,.bs-example>ul:last-child{margin-bottom:0}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#767676;vertical-align:middle}.bs-example-type .table td{padding:15px 0;border-color:#eee}.bs-example-type .table tr:first-child td{border-top:0}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.table-responsive>.table{background-color:#fff}.bs-example>.btn,.bs-example>.btn-group{margin-top:5px;margin-bottom:5px}.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-control-sizing input[type=text]+input[type=text],.bs-example-control-sizing select{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-bottom-example,.bs-navbar-top-example{z-index:1;padding:0;overflow:hidden}.bs-navbar-bottom-example .navbar-header,.bs-navbar-top-example .navbar-header{margin-left:0}.bs-navbar-bottom-example .navbar-fixed-bottom,.bs-navbar-top-example .navbar-fixed-top{position:relative;margin-right:0;margin-left:0}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example:after{top:auto;bottom:15px}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-bottom-example .navbar-fixed-bottom,.bs-navbar-top-example .navbar-fixed-top{position:absolute}}.bs-example .pagination{margin-top:10px;margin-bottom:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bs-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bs-example>.dropdown>.dropdown-toggle{float:left}.bs-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:5px;clear:left}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-top:5px;margin-bottom:5px}.bs-example-tooltip .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.bs-example-popover{padding-bottom:24px;background-color:#f9f9f9}.bs-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:20px}.scrollspy-example{position:relative;height:200px;margin-top:10px;overflow:auto}.bs-example>.nav-pills-stacked-example{max-width:300px}#collapseExample .well{margin-bottom:0}.bs-events-table>tbody>tr>td:first-child,.bs-events-table>thead>tr>th:first-child{white-space:nowrap}.bs-events-table>thead>tr>th:first-child{width:150px}.js-options-table>thead>tr>th:nth-child(1),.js-options-table>thead>tr>th:nth-child(2){width:100px}.js-options-table>thead>tr>th:nth-child(3){width:50px}.highlight{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}.highlight pre{padding:0;margin-top:0;margin-bottom:0;word-break:normal;white-space:nowrap;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#333}.highlight pre code:first-child{display:inline-block;padding-right:45px}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{display:block;padding:15px 10px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;border-radius:4px}.hidden-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-lg,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-xs{color:#999;border:1px solid #ddd}.hidden-on .col-xs-6 .visible-lg-block,.hidden-on .col-xs-6 .visible-md-block,.hidden-on .col-xs-6 .visible-sm-block,.hidden-on .col-xs-6 .visible-xs-block,.visible-on .col-xs-6 .visible-lg-block,.visible-on .col-xs-6 .visible-md-block,.visible-on .col-xs-6 .visible-sm-block,.visible-on .col-xs-6 .visible-xs-block{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{padding-left:0;list-style:none}.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{color:#fff;background-color:#563d7c}@media (min-width:768px){.bs-glyphicons{margin-right:0;margin-left:0}.bs-glyphicons li{width:12.5%;font-size:12px}}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{margin-top:10px;font-weight:500;color:#555}.bs-customizer h2{padding-top:30px;margin-top:0;margin-bottom:5px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-top:15px;margin-bottom:0}.bs-customizer .bs-callout h4{margin-top:0;margin-bottom:5px}.bs-customizer input[type=text]{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#fafafa}.bs-customizer .help-block{margin-bottom:5px;font-size:12px}#less-section label{font-weight:400}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{position:fixed;top:0;right:0;left:0;z-index:1030;padding:15px 0;color:#fff;background-color:#d9534f;border-bottom:1px solid #b94441;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.bs-customizer-alert .close{margin-top:-4px;font-size:24px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{margin:10px 0 0;color:#fff;background-color:#a83c3a;border-color:#973634;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}.bs-dropzone{position:relative;padding:20px;margin-bottom:20px;color:#777;text-align:center;border:2px dashed #eee;border-radius:4px}.bs-dropzone .import-header{margin-bottom:5px}.bs-dropzone .glyphicon-download-alt{font-size:40px}.bs-dropzone hr{width:100px}.bs-dropzone .lead{margin-bottom:10px;font-weight:400;color:#333}#import-manual-trigger{cursor:pointer}.bs-dropzone p:last-child{margin-bottom:0}.bs-brand-logos{display:table;width:100%;margin-bottom:15px;overflow:hidden;color:#563d7c;background-color:#f9f9f9;border-radius:4px}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{color:#fff;background-color:#563d7c}.bs-brand-item h1,.bs-brand-item h3{margin-top:0;margin-bottom:0}.bs-brand-item .bs-docs-booticon{margin-right:auto;margin-left:auto}.bs-brand-item .glyphicon{width:30px;height:30px;margin:10px auto -10px;line-height:30px;color:#fff;border-radius:50%}.bs-brand-item .glyphicon-ok{background-color:#5cb85c}.bs-brand-item .glyphicon-remove{background-color:#d9534f}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-top:0;border-left:1px solid #fff}.bs-brand-item h1{font-size:60px}}.zero-clipboard{position:relative;display:none}.btn-clipboard{position:absolute;top:0;right:0;z-index:10;display:block;padding:5px 8px;font-size:12px;color:#767676;cursor:pointer;background-color:#fff;border:1px solid #e1e1e8;border-radius:0 4px 0 4px}.btn-clipboard-hover{color:#fff;background-color:#563d7c;border-color:#563d7c}@media (min-width:768px){.zero-clipboard{display:block}.bs-example+.zero-clipboard .btn-clipboard{top:-16px;border-top-right-radius:0}}.anchorjs-link{color:inherit}@media (max-width:480px){.anchorjs-link{display:none}}:hover>.anchorjs-link{opacity:.75;-webkit-transition:color .16s linear;-o-transition:color .16s linear;transition:color .16s linear}.anchorjs-link:focus,:hover>.anchorjs-link:hover{text-decoration:none;opacity:1}#focusedInput{border-color:#ccc;border-color:rgba(82,168,236,.8);outline:0;outline:thin dotted\9;-webkit-box-shadow:0 0 8px rgba(82,168,236,.6);box-shadow:0 0 8px rgba(82,168,236,.6)}.v4-tease{display:block;padding:15px 20px;font-weight:700;color:#fff;text-align:center;background-color:#0275d8}.v4-tease:hover{color:#fff;text-decoration:none;background-color:#0269c2}@media print{a[href]:after{content:""!important}} + */body{position:relative}.table code{font-size:13px;font-weight:400}h2 code,h3 code,h4 code{background-color:inherit}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bs-docs-booticon{display:block;font-weight:500;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bs-docs-booticon-sm{width:30px;height:30px;font-size:20px;line-height:28px}.bs-docs-booticon-lg{width:144px;height:144px;font-size:108px;line-height:140px}.bs-docs-booticon-inverse{color:#563d7c;background-color:#fff}.bs-docs-booticon-outline{background-color:transparent;border:1px solid #cdbfe3}#skippy{display:block;padding:1em;color:#fff;background-color:#6f5499;outline:0}#skippy .skiplink-text{padding:.5em;outline:1px dotted}#content:focus{outline:0}.bs-docs-nav{margin-bottom:0;background-color:#fff;border-bottom:0}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{font-weight:500;color:#563d7c}.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover,.bs-docs-nav .navbar-nav>li>a:hover{color:#463265;background-color:#f9f9f9}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#563d7c}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle:focus,.bs-docs-nav .navbar-header .navbar-toggle:hover{background-color:#f9f9f9;border-color:#f9f9f9}.bs-docs-footer{padding-top:50px;padding-bottom:50px;margin-top:100px;color:#99979c;text-align:center;background-color:#2a2730}.bs-docs-footer a{color:#fff}.bs-docs-footer-links{padding-left:0;margin-bottom:20px}.bs-docs-footer-links li{display:inline-block}.bs-docs-footer-links li+li{margin-left:15px}@media (min-width:768px){.bs-docs-footer{text-align:left}.bs-docs-footer p{margin-bottom:0}}.bs-docs-header,.bs-docs-masthead{position:relative;padding:30px 0;color:#cdbfe3;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1);background-color:#6f5499;background-image:-webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:linear-gradient(to bottom,#563d7c 0,#6f5499 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);background-repeat:repeat-x}.bs-docs-masthead .bs-docs-booticon{margin:0 auto 30px}.bs-docs-masthead h1{font-weight:300;line-height:1;color:#fff}.bs-docs-masthead .lead{margin:0 auto 30px;font-size:20px;color:#fff}.bs-docs-masthead .version{margin-top:-15px;margin-bottom:30px;color:#9783b9}.bs-docs-masthead .btn{width:100%;padding:15px 30px;font-size:20px}@media (min-width:480px){.bs-docs-masthead .btn{width:auto}}@media (min-width:768px){.bs-docs-masthead{padding:80px 0}.bs-docs-masthead h1{font-size:60px}.bs-docs-masthead .lead{font-size:24px}}@media (min-width:992px){.bs-docs-masthead .lead{width:80%;font-size:30px}}.bs-docs-header{margin-bottom:40px;font-size:20px}.bs-docs-header h1{margin-top:0;color:#fff}.bs-docs-header p{margin-bottom:0;font-weight:300;line-height:1.4}.bs-docs-header .container{position:relative}@media (min-width:768px){.bs-docs-header{padding-top:60px;padding-bottom:60px;font-size:24px;text-align:left}.bs-docs-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.bs-docs-header h1,.bs-docs-header p{margin-right:380px}}.carbon-poweredby,.carbon-text{text-decoration:none!important}#carbonads{position:static;display:block;max-width:420px;padding:15px 15px 15px 160px;margin:2rem -15px -2rem;overflow:hidden;font-size:13px;line-height:1.4;text-align:left;background-color:transparent;border:solid rgba(255,255,255,.15);border-width:1px 0 0}.carbon-text{color:#fff!important}@media (min-width:420px){#carbonads{max-width:330px;margin-right:auto;margin-bottom:0;margin-left:auto;border-width:1px;border-radius:4px}}.carbon-img{float:left;margin-left:-145px}.carbon-poweredby{display:block;color:rgba(255,255,255,.5)!important}@media (min-width:992px){.bs-docs-header #carbonads{position: absolute;top:0;right:0;margin-top:0;}}.bs-docs-featurette{padding-top:40px;padding-bottom:40px;font-size:16px;line-height:1.5;color:#555;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}.bs-docs-featurette+.bs-docs-footer{margin-top:0;border-top:0}.bs-docs-featurette-title{margin-bottom:5px;font-size:30px;font-weight:400;color:#333}.half-rule{width:100px;margin:40px auto}.bs-docs-featurette h3{margin-bottom:5px;font-weight:400;color:#333}.bs-docs-featurette-img{display:block;margin-bottom:20px;color:#333}.bs-docs-featurette-img:hover{color:#337ab7;text-decoration:none}.bs-docs-featurette-img img{display:block;margin-bottom:15px}@media (min-width:480px){.bs-docs-featurette .img-responsive{margin-top:30px}}@media (min-width:768px){.bs-docs-featurette{padding-top:100px;padding-bottom:100px}.bs-docs-featurette-title{font-size:40px}.bs-docs-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bs-docs-featurette .img-responsive{margin-top:0}}.bs-docs-featured-sites{margin-right:-1px;margin-left:-1px}.bs-docs-featured-sites .col-xs-6{padding:1px}.bs-docs-featured-sites .img-responsive{margin-top:0}@media (min-width:768px){.bs-docs-featured-sites .col-sm-3:first-child img{border-top-left-radius:4px;border-bottom-left-radius:4px}.bs-docs-featured-sites .col-sm-3:last-child img{border-top-right-radius:4px;border-bottom-right-radius:4px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}@media (max-width:480px){.bs-examples{margin-right:-10px;margin-left:-10px}.bs-examples>[class^=col-]{padding-right:10px;padding-left:10px}}.bs-docs-sidebar.affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-top:20px;margin-bottom:20px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#767676}.bs-docs-sidebar .nav>li>a:focus,.bs-docs-sidebar .nav>li>a:hover{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}.bs-docs-sidebar .nav>.active:focus>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active>a{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.bs-docs-sidebar .nav .nav>li>a:focus,.bs-docs-sidebar .nav .nav>li>a:hover{padding-left:29px}.bs-docs-sidebar .nav .nav>.active:focus>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active>a{padding-left:28px;font-weight:500}.back-to-top,.bs-docs-theme-toggle{display:none;padding:4px 10px;margin-top:10px;margin-left:10px;font-size:12px;font-weight:500;color:#999}.back-to-top:hover,.bs-docs-theme-toggle:hover{color:#563d7c;text-decoration:none}.bs-docs-theme-toggle{margin-top:0}@media (min-width:768px){.back-to-top,.bs-docs-theme-toggle{display:block}}@media (min-width:992px){.bs-docs-sidebar .nav>.active>ul{display:block}.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:213px}.bs-docs-sidebar.affix{position:fixed;top:20px}.bs-docs-sidebar.affix-bottom{position:absolute}.bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav{margin-top:0;margin-bottom:0}}@media (min-width:1200px){.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:263px}}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{padding-top:20px;margin-top:0}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#ce4844}.bs-callout-danger h4{color:#ce4844}.bs-callout-warning{border-left-color:#aa6708}.bs-callout-warning h4{color:#aa6708}.bs-callout-info{border-left-color:#1b809e}.bs-callout-info h4{color:#1b809e}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:60px;height:60px;margin:0 5px;border-radius:3px}@media (min-width:768px){.color-swatch{width:100px;height:100px}}.color-swatches .gray-darker{background-color:#222}.color-swatches .gray-dark{background-color:#333}.color-swatches .gray{background-color:#555}.color-swatches .gray-light{background-color:#999}.color-swatches .gray-lighter{background-color:#eee}.color-swatches .brand-primary{background-color:#337ab7}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#c7bfd3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{line-height:32px;color:#555}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;width:180px;height:20px;margin-top:6px;border:none}.bs-team img{float:left;width:32px;margin-right:10px;border-radius:4px}.bs-docs-browser-bugs td p{margin-bottom:0}.bs-docs-browser-bugs th:first-child{width:18%}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}.bs-example{position:relative;padding:45px 15px 15px;margin:0 -15px 15px;border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;-webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,.05);box-shadow:inset 0 3px 6px rgba(0,0,0,.05)}.bs-example:after{position:absolute;top:15px;left:15px;font-size:12px;font-weight:700;color:#959595;text-transform:uppercase;letter-spacing:1px;content:"Example"}.bs-example-padded-bottom{padding-bottom:24px}.bs-example+.highlight,.bs-example+.zero-clipboard+.highlight{margin:-15px -15px 15px;border-width:0 0 1px;border-radius:0}@media (min-width:768px){.bs-example{margin-right:0;margin-left:0;background-color:#fff;border-color:#ddd;border-width:1px;border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none}.bs-example+.highlight,.bs-example+.zero-clipboard+.highlight{margin-top:-16px;margin-right:0;margin-left:0;border-width:1px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.bs-example-standalone{border-radius:4px}}.bs-example .container{width:auto}.bs-example>.alert:last-child,.bs-example>.form-control:last-child,.bs-example>.jumbotron:last-child,.bs-example>.list-group:last-child,.bs-example>.navbar:last-child,.bs-example>.panel:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table,.bs-example>.table:last-child,.bs-example>.well:last-child,.bs-example>blockquote:last-child,.bs-example>ol:last-child,.bs-example>p:last-child,.bs-example>ul:last-child{margin-bottom:0}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#767676;vertical-align:middle}.bs-example-type .table td{padding:15px 0;border-color:#eee}.bs-example-type .table tr:first-child td{border-top:0}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.table-responsive>.table{background-color:#fff}.bs-example>.btn,.bs-example>.btn-group{margin-top:5px;margin-bottom:5px}.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-control-sizing input[type=text]+input[type=text],.bs-example-control-sizing select{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-bottom-example,.bs-navbar-top-example{z-index:1;padding:0;overflow:hidden}.bs-navbar-bottom-example .navbar-header,.bs-navbar-top-example .navbar-header{margin-left:0}.bs-navbar-bottom-example .navbar-fixed-bottom,.bs-navbar-top-example .navbar-fixed-top{position:relative;margin-right:0;margin-left:0}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example:after{top:auto;bottom:15px}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-bottom-example .navbar-fixed-bottom,.bs-navbar-top-example .navbar-fixed-top{position:absolute}}.bs-example .pagination{margin-top:10px;margin-bottom:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bs-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bs-example>.dropdown>.dropdown-toggle{float:left}.bs-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:5px;clear:left}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-top:5px;margin-bottom:5px}.bs-example-tooltip .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.bs-example-popover{padding-bottom:24px;background-color:#f9f9f9}.bs-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:20px}.scrollspy-example{position:relative;height:200px;margin-top:10px;overflow:auto}.bs-example>.nav-pills-stacked-example{max-width:300px}#collapseExample .well{margin-bottom:0}.bs-events-table>tbody>tr>td:first-child,.bs-events-table>thead>tr>th:first-child{white-space:nowrap}.bs-events-table>thead>tr>th:first-child{width:150px}.js-options-table>thead>tr>th:nth-child(1),.js-options-table>thead>tr>th:nth-child(2){width:100px}.js-options-table>thead>tr>th:nth-child(3){width:50px}.highlight{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}.highlight pre{padding:0;margin-top:0;margin-bottom:0;word-break:normal;white-space:nowrap;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#333}.highlight pre code:first-child{display:inline-block;padding-right:45px}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{display:block;padding:15px 10px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;border-radius:4px}.hidden-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-lg,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-xs{color:#999;border:1px solid #ddd}.hidden-on .col-xs-6 .visible-lg-block,.hidden-on .col-xs-6 .visible-md-block,.hidden-on .col-xs-6 .visible-sm-block,.hidden-on .col-xs-6 .visible-xs-block,.visible-on .col-xs-6 .visible-lg-block,.visible-on .col-xs-6 .visible-md-block,.visible-on .col-xs-6 .visible-sm-block,.visible-on .col-xs-6 .visible-xs-block{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{padding-left:0;list-style:none}.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{color:#fff;background-color:#563d7c}@media (min-width:768px){.bs-glyphicons{margin-right:0;margin-left:0}.bs-glyphicons li{width:12.5%;font-size:12px}}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{margin-top:10px;font-weight:500;color:#555}.bs-customizer h2{padding-top:30px;margin-top:0;margin-bottom:5px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-top:15px;margin-bottom:0}.bs-customizer .bs-callout h4{margin-top:0;margin-bottom:5px}.bs-customizer input[type=text]{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#fafafa}.bs-customizer .help-block{margin-bottom:5px;font-size:12px}#less-section label{font-weight:400}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{position:fixed;top:0;right:0;left:0;z-index:1030;padding:15px 0;color:#fff;background-color:#d9534f;border-bottom:1px solid #b94441;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.bs-customizer-alert .close{margin-top:-4px;font-size:24px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{margin:10px 0 0;color:#fff;background-color:#a83c3a;border-color:#973634;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}.bs-dropzone{position:relative;padding:20px;margin-bottom:20px;color:#777;text-align:center;border:2px dashed #eee;border-radius:4px}.bs-dropzone .import-header{margin-bottom:5px}.bs-dropzone .glyphicon-download-alt{font-size:40px}.bs-dropzone hr{width:100px}.bs-dropzone .lead{margin-bottom:10px;font-weight:400;color:#333}#import-manual-trigger{cursor:pointer}.bs-dropzone p:last-child{margin-bottom:0}.bs-brand-logos{display:table;width:100%;margin-bottom:15px;overflow:hidden;color:#563d7c;background-color:#f9f9f9;border-radius:4px}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{color:#fff;background-color:#563d7c}.bs-brand-item h1,.bs-brand-item h3{margin-top:0;margin-bottom:0}.bs-brand-item .bs-docs-booticon{margin-right:auto;margin-left:auto}.bs-brand-item .glyphicon{width:30px;height:30px;margin:10px auto -10px;line-height:30px;color:#fff;border-radius:50%}.bs-brand-item .glyphicon-ok{background-color:#5cb85c}.bs-brand-item .glyphicon-remove{background-color:#d9534f}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-top:0;border-left:1px solid #fff}.bs-brand-item h1{font-size:60px}}.zero-clipboard{position:relative;display:none}.btn-clipboard{position:absolute;top:0;right:0;z-index:10;display:block;padding:5px 8px;font-size:12px;color:#767676;cursor:pointer;background-color:#fff;border:1px solid #e1e1e8;border-radius:0 4px 0 4px}.btn-clipboard-hover{color:#fff;background-color:#563d7c;border-color:#563d7c}@media (min-width:768px){.zero-clipboard{display:block}.bs-example+.zero-clipboard .btn-clipboard{top:-16px;border-top-right-radius:0}}.anchorjs-link{color:inherit}@media (max-width:480px){.anchorjs-link{display:none}}:hover>.anchorjs-link{opacity:.75;-webkit-transition:color .16s linear;-o-transition:color .16s linear;transition:color .16s linear}.anchorjs-link:focus,:hover>.anchorjs-link:hover{text-decoration:none;opacity:1}#focusedInput{border-color:#ccc;border-color:rgba(82,168,236,.8);outline:0;outline:thin dotted\9;-webkit-box-shadow:0 0 8px rgba(82,168,236,.6);box-shadow:0 0 8px rgba(82,168,236,.6)}.v4-tease{display:block;padding:15px 20px;font-weight:700;color:#fff;text-align:center;background-color:#0275d8}.v4-tease:hover{color:#fff;text-decoration:none;background-color:#0269c2}@media print{a[href]:after{content:""!important}} /*# sourceMappingURL=docs.min.css.map */ \ No newline at end of file diff --git a/docs/3.3/browser-bugs/index.html b/docs/3.3/browser-bugs/index.html index 872100d2d7..236010788b 100644 --- a/docs/3.3/browser-bugs/index.html +++ b/docs/3.3/browser-bugs/index.html @@ -1 +1 @@ - Wall of browser bugs · Bootstrap
Skip to main content
 Bootstrap 4 is here!

Wall of browser bugs

A list of the browser bugs that Bootstrap is currently grappling with.

Browser bugs

Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.

We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. For information on Bootstrap's browser compatibility, see our browser compatibility docs.

See also:

Browser(s) Summary of bug Upstream bug(s) Bootstrap issue(s)
Microsoft Edge

Native browser tooltip for title shows on first keyboard focus (in addition to custom tooltip component)

 Edge issue #6793560 #18692
Microsoft Edge

Hovered element still remains in :hover state after scrolling away.

 Edge issue #5381673 #14211
Microsoft Edge

When hovering over a <select> menu item, the cursor for the element underneath the menu is displayed.

 Edge issue #817822 #14528
Microsoft Edge

CSS border-radius sometimes causes lines of bleed-through of the background-color of the parent element.

 Edge issue #3342037 #16671
Microsoft Edge

background of <tr> is only applied to first child cell instead of all cells in the row

 Edge issue #5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;} has side-effect of making scrollbars auto-hide

 Edge issue #7165383 #18543
Microsoft Edge

Background color from lower layer bleeds through transparent border in some cases

 Edge issue #6274505 #18228
Microsoft Edge

Hovering over descendant SVG element fires mouseleave event at ancestor

 Edge issue #7787318 #19670
Firefox

.table-bordered with an empty <tbody> is missing borders.

 Mozilla bug #1023761 #13453
Firefox

If the disabled state of a form control is changed via JavaScript, the normal state doesn’t return after refreshing the page.

 Mozilla bug #654072 #793
Firefox

focus events should not be fired at the document object

 Mozilla bug #1228802 #18365
Firefox

Wide floated table doesn’t wrap onto new line

 Mozilla bug #1277782 #19839
Firefox

Mouse sometimes not within element for purposes of mouseenter/mouseleave when it’s within SVG elements

 Mozilla bug #577785 #19670
Firefox

position: absolute element that’s wider than its column renders differently than other browsers

 Mozilla bug #1282363 #20161
Firefox (Windows)

Right border of <select> menu is sometimes missing when screen is set to uncommon resolution

 Mozilla bug #545685 #15990
Firefox (OS X & Linux)

Badge widget causes bottom border of Tabs widget to unexpectedly not overlap

 Mozilla bug #1259972 #19626
Chrome (Android)

Tapping on an <input> in a scrollable overlay doesn’t scroll the <input> into view

 Chromium issue #595210 #17338
Chrome (OS X)

Clicking above <input type="number"> increment button flashes the decrement button.

 Chromium issue #419108 Offshoot of #8350 & Chromium issue #337668
Chrome

CSS infinite linear animation with alpha transparency leaks memory.

 Chromium issue #429375 #14409
Chrome

:focus outline style causes cursor to not be displayed when toggling a readonly <input> to read-write.

 Chromium issue #465274 #16022
Chrome

table-cell borders not overlapping despite margin-right: -1px

 Chromium issue #534750 #17438, #14237
Chrome

Clicking scrollbar in <select multiple> with overflowed options will select nearby <option>

 Chromium issue #597642 #19810
Chrome

Don’t make :hover sticky on touch-friendly webpages

 Chromium issue #370155 #12832
Chrome (Windows & Linux)

Animation glitch when returning to inactive tab after animations occurred while tab was hidden.

 Chromium issue #449180 #15298
Safari

rem units in media queries should be calculated using font-size: initial, not the root element’s font-size

 WebKit bug #156684 #17403
Safari (OS X)

px, em, and rem should all behave the same in media queries when page zoom is applied

 WebKit bug #156687 #17403
Safari (OS X)

Weird button behavior with some <input type="number"> elements.

 WebKit bug #137269, Apple Safari Radar #18834768 #8350, Normalize #283, Chromium issue #337668
Safari (OS X)

Small font size when printing webpage with fixed-width .container.

 WebKit bug #138192, Apple Safari Radar #19435018 #14868
Safari (iPad)

<select> menu on iPad causes shifting of hit-testing areas

 WebKit bug #150079, Apple Safari Radar #23082521 #14975
Safari (iOS)

transform: translate3d(0,0,0); rendering bug.

 WebKit bug #138162, Apple Safari Radar #18804973 #14603
Safari (iOS)

Text input’s cursor doesn’t move while scrolling the page.

 WebKit bug #138201, Apple Safari Radar #18819624 #14708
Safari (iOS)

Can’t move cursor to start of text after entering long string of text into <input type="text">

 WebKit bug #148061, Apple Safari Radar #22299624 #16988
Safari (iOS)

display: block causes text of temporal <input>s to become vertically misaligned

 WebKit bug #139848, Apple Safari Radar #19434878 #11266, #13098
Safari (iOS)

Tapping on <body> doesn’t fire click events

 WebKit bug #151933 #16028
Safari (iOS)

position:fixed is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari

 WebKit bug #153056 #18859
Safari (iOS)

Tapping into an <input> within a position:fixed element scrolls to the top of the page

 WebKit bug #153224, Apple Safari Radar #24235301 #17497
Safari (iOS)

<body> with overflow:hidden CSS is scrollable on iOS

 WebKit bug #153852 #14839
Safari (iOS)

Scroll gesture in text field in position:fixed element sometimes scrolls <body> instead of scrollable ancestor

 WebKit bug #153856 #14839
Safari (iOS)

Tapping from one <input> to another in an overlay can cause shaking/jiggling effect

 WebKit bug #158276 #19927
Safari (iOS)

Modal with -webkit-overflow-scrolling: touch doesn’t become scrollable after added text makes it taller

 WebKit bug #158342 #17695
Safari (iOS)

Don’t make :hover sticky on touch-friendly webpages

 WebKit bug #158517 #12832
Safari (iPad Pro)

Rendering of descendants of position: fixed element gets clipped on iPad Pro in Landscape orientation

 WebKit bug #152637, Apple Safari Radar #24030853 #18738

Most wanted features

There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.

We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.

Browser(s) Summary of feature Upstream issue(s) Bootstrap issue(s)
Microsoft Edge

Implement the :dir() pseudo-class from Selectors Level 4

 Edge UserVoice idea #12299532 #19984
Microsoft Edge

Implement sticky positioning from CSS Positioned Layout Level 3

 Edge UserVoice idea #6263621 #17021
Firefox

Fire a transitioncancel event when a CSS transition is canceled

 Mozilla bug #1264125 Mozilla bug #1182856
Firefox

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Mozilla bug #854148 #20143
Firefox

Implement the HTML5 <dialog> element

 Mozilla bug #840640 #20175
Chrome

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Chromium issue #304163 #20143
Chrome

Implement the :dir() pseudo-class from Selectors Level 4

 Chromium issue #576815 #19984
Chrome

Implement sticky positioning from CSS Positioned Layout Level 3

 Chromium issue #231752 #17021
Safari

Implement the :dir() pseudo-class from Selectors Level 4

 WebKit bug #64861 #19984
Safari

Implement the HTML5 <dialog> element

 WebKit bug #84635 #20175
\ No newline at end of file + Wall of browser bugs · Bootstrap
Skip to main content
 Bootstrap 4 is here!

Wall of browser bugs

A list of the browser bugs that Bootstrap is currently grappling with.

Browser bugs

Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.

We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. For information on Bootstrap's browser compatibility, see our browser compatibility docs.

See also:

Browser(s) Summary of bug Upstream bug(s) Bootstrap issue(s)
Microsoft Edge

Native browser tooltip for title shows on first keyboard focus (in addition to custom tooltip component)

 Edge issue #6793560 #18692
Microsoft Edge

Hovered element still remains in :hover state after scrolling away.

 Edge issue #5381673 #14211
Microsoft Edge

When hovering over a <select> menu item, the cursor for the element underneath the menu is displayed.

 Edge issue #817822 #14528
Microsoft Edge

CSS border-radius sometimes causes lines of bleed-through of the background-color of the parent element.

 Edge issue #3342037 #16671
Microsoft Edge

background of <tr> is only applied to first child cell instead of all cells in the row

 Edge issue #5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;} has side-effect of making scrollbars auto-hide

 Edge issue #7165383 #18543
Microsoft Edge

Background color from lower layer bleeds through transparent border in some cases

 Edge issue #6274505 #18228
Microsoft Edge

Hovering over descendant SVG element fires mouseleave event at ancestor

 Edge issue #7787318 #19670
Firefox

.table-bordered with an empty <tbody> is missing borders.

 Mozilla bug #1023761 #13453
Firefox

If the disabled state of a form control is changed via JavaScript, the normal state doesn’t return after refreshing the page.

 Mozilla bug #654072 #793
Firefox

focus events should not be fired at the document object

 Mozilla bug #1228802 #18365
Firefox

Wide floated table doesn’t wrap onto new line

 Mozilla bug #1277782 #19839
Firefox

Mouse sometimes not within element for purposes of mouseenter/mouseleave when it’s within SVG elements

 Mozilla bug #577785 #19670
Firefox

position: absolute element that’s wider than its column renders differently than other browsers

 Mozilla bug #1282363 #20161
Firefox (Windows)

Right border of <select> menu is sometimes missing when screen is set to uncommon resolution

 Mozilla bug #545685 #15990
Firefox (OS X & Linux)

Badge widget causes bottom border of Tabs widget to unexpectedly not overlap

 Mozilla bug #1259972 #19626
Chrome (Android)

Tapping on an <input> in a scrollable overlay doesn’t scroll the <input> into view

 Chromium issue #595210 #17338
Chrome (OS X)

Clicking above <input type="number"> increment button flashes the decrement button.

 Chromium issue #419108 Offshoot of #8350 & Chromium issue #337668
Chrome

CSS infinite linear animation with alpha transparency leaks memory.

 Chromium issue #429375 #14409
Chrome

:focus outline style causes cursor to not be displayed when toggling a readonly <input> to read-write.

 Chromium issue #465274 #16022
Chrome

table-cell borders not overlapping despite margin-right: -1px

 Chromium issue #534750 #17438, #14237
Chrome

Clicking scrollbar in <select multiple> with overflowed options will select nearby <option>

 Chromium issue #597642 #19810
Chrome

Don’t make :hover sticky on touch-friendly webpages

 Chromium issue #370155 #12832
Chrome (Windows & Linux)

Animation glitch when returning to inactive tab after animations occurred while tab was hidden.

 Chromium issue #449180 #15298
Safari

rem units in media queries should be calculated using font-size: initial, not the root element’s font-size

 WebKit bug #156684 #17403
Safari (OS X)

px, em, and rem should all behave the same in media queries when page zoom is applied

 WebKit bug #156687 #17403
Safari (OS X)

Weird button behavior with some <input type="number"> elements.

 WebKit bug #137269, Apple Safari Radar #18834768 #8350, Normalize #283, Chromium issue #337668
Safari (OS X)

Small font size when printing webpage with fixed-width .container.

 WebKit bug #138192, Apple Safari Radar #19435018 #14868
Safari (iPad)

<select> menu on iPad causes shifting of hit-testing areas

 WebKit bug #150079, Apple Safari Radar #23082521 #14975
Safari (iOS)

transform: translate3d(0,0,0); rendering bug.

 WebKit bug #138162, Apple Safari Radar #18804973 #14603
Safari (iOS)

Text input’s cursor doesn’t move while scrolling the page.

 WebKit bug #138201, Apple Safari Radar #18819624 #14708
Safari (iOS)

Can’t move cursor to start of text after entering long string of text into <input type="text">

 WebKit bug #148061, Apple Safari Radar #22299624 #16988
Safari (iOS)

display: block causes text of temporal <input>s to become vertically misaligned

 WebKit bug #139848, Apple Safari Radar #19434878 #11266, #13098
Safari (iOS)

Tapping on <body> doesn’t fire click events

 WebKit bug #151933 #16028
Safari (iOS)

position:fixed is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari

 WebKit bug #153056 #18859
Safari (iOS)

Tapping into an <input> within a position:fixed element scrolls to the top of the page

 WebKit bug #153224, Apple Safari Radar #24235301 #17497
Safari (iOS)

<body> with overflow:hidden CSS is scrollable on iOS

 WebKit bug #153852 #14839
Safari (iOS)

Scroll gesture in text field in position:fixed element sometimes scrolls <body> instead of scrollable ancestor

 WebKit bug #153856 #14839
Safari (iOS)

Tapping from one <input> to another in an overlay can cause shaking/jiggling effect

 WebKit bug #158276 #19927
Safari (iOS)

Modal with -webkit-overflow-scrolling: touch doesn’t become scrollable after added text makes it taller

 WebKit bug #158342 #17695
Safari (iOS)

Don’t make :hover sticky on touch-friendly webpages

 WebKit bug #158517 #12832
Safari (iPad Pro)

Rendering of descendants of position: fixed element gets clipped on iPad Pro in Landscape orientation

 WebKit bug #152637, Apple Safari Radar #24030853 #18738

Most wanted features

There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.

We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.

Browser(s) Summary of feature Upstream issue(s) Bootstrap issue(s)
Microsoft Edge

Implement the :dir() pseudo-class from Selectors Level 4

 Edge UserVoice idea #12299532 #19984
Microsoft Edge

Implement sticky positioning from CSS Positioned Layout Level 3

 Edge UserVoice idea #6263621 #17021
Firefox

Fire a transitioncancel event when a CSS transition is canceled

 Mozilla bug #1264125 Mozilla bug #1182856
Firefox

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Mozilla bug #854148 #20143
Firefox

Implement the HTML5 <dialog> element

 Mozilla bug #840640 #20175
Chrome

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Chromium issue #304163 #20143
Chrome

Implement the :dir() pseudo-class from Selectors Level 4

 Chromium issue #576815 #19984
Chrome

Implement sticky positioning from CSS Positioned Layout Level 3

 Chromium issue #231752 #17021
Safari

Implement the :dir() pseudo-class from Selectors Level 4

 WebKit bug #64861 #19984
Safari

Implement the HTML5 <dialog> element

 WebKit bug #84635 #20175
\ No newline at end of file diff --git a/docs/3.3/components/index.html b/docs/3.3/components/index.html index 70a1f0370f..c3182a513c 100644 --- a/docs/3.3/components/index.html +++ b/docs/3.3/components/index.html @@ -1,4 +1,4 @@ - Components · Bootstrap
Skip to main content
 Bootstrap 4 is here!

Components

Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.

Glyphicons

Available glyphs

Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to Glyphicons whenever possible.

  • glyphicon glyphicon-asterisk
  • glyphicon glyphicon-plus
  • glyphicon glyphicon-euro
  • glyphicon glyphicon-eur
  • glyphicon glyphicon-minus
  • glyphicon glyphicon-cloud
  • glyphicon glyphicon-envelope
  • glyphicon glyphicon-pencil
  • glyphicon glyphicon-glass
  • glyphicon glyphicon-music
  • glyphicon glyphicon-search
  • glyphicon glyphicon-heart
  • glyphicon glyphicon-star
  • glyphicon glyphicon-star-empty
  • glyphicon glyphicon-user
  • glyphicon glyphicon-film
  • glyphicon glyphicon-th-large
  • glyphicon glyphicon-th
  • glyphicon glyphicon-th-list
  • glyphicon glyphicon-ok
  • glyphicon glyphicon-remove
  • glyphicon glyphicon-zoom-in
  • glyphicon glyphicon-zoom-out
  • glyphicon glyphicon-off
  • glyphicon glyphicon-signal
  • glyphicon glyphicon-cog
  • glyphicon glyphicon-trash
  • glyphicon glyphicon-home
  • glyphicon glyphicon-file
  • glyphicon glyphicon-time
  • glyphicon glyphicon-road
  • glyphicon glyphicon-download-alt
  • glyphicon glyphicon-download
  • glyphicon glyphicon-upload
  • glyphicon glyphicon-inbox
  • glyphicon glyphicon-play-circle
  • glyphicon glyphicon-repeat
  • glyphicon glyphicon-refresh
  • glyphicon glyphicon-list-alt
  • glyphicon glyphicon-lock
  • glyphicon glyphicon-flag
  • glyphicon glyphicon-headphones
  • glyphicon glyphicon-volume-off
  • glyphicon glyphicon-volume-down
  • glyphicon glyphicon-volume-up
  • glyphicon glyphicon-qrcode
  • glyphicon glyphicon-barcode
  • glyphicon glyphicon-tag
  • glyphicon glyphicon-tags
  • glyphicon glyphicon-book
  • glyphicon glyphicon-bookmark
  • glyphicon glyphicon-print
  • glyphicon glyphicon-camera
  • glyphicon glyphicon-font
  • glyphicon glyphicon-bold
  • glyphicon glyphicon-italic
  • glyphicon glyphicon-text-height
  • glyphicon glyphicon-text-width
  • glyphicon glyphicon-align-left
  • glyphicon glyphicon-align-center
  • glyphicon glyphicon-align-right
  • glyphicon glyphicon-align-justify
  • glyphicon glyphicon-list
  • glyphicon glyphicon-indent-left
  • glyphicon glyphicon-indent-right
  • glyphicon glyphicon-facetime-video
  • glyphicon glyphicon-picture
  • glyphicon glyphicon-map-marker
  • glyphicon glyphicon-adjust
  • glyphicon glyphicon-tint
  • glyphicon glyphicon-edit
  • glyphicon glyphicon-share
  • glyphicon glyphicon-check
  • glyphicon glyphicon-move
  • glyphicon glyphicon-step-backward
  • glyphicon glyphicon-fast-backward
  • glyphicon glyphicon-backward
  • glyphicon glyphicon-play
  • glyphicon glyphicon-pause
  • glyphicon glyphicon-stop
  • glyphicon glyphicon-forward
  • glyphicon glyphicon-fast-forward
  • glyphicon glyphicon-step-forward
  • glyphicon glyphicon-eject
  • glyphicon glyphicon-chevron-left
  • glyphicon glyphicon-chevron-right
  • glyphicon glyphicon-plus-sign
  • glyphicon glyphicon-minus-sign
  • glyphicon glyphicon-remove-sign
  • glyphicon glyphicon-ok-sign
  • glyphicon glyphicon-question-sign
  • glyphicon glyphicon-info-sign
  • glyphicon glyphicon-screenshot
  • glyphicon glyphicon-remove-circle
  • glyphicon glyphicon-ok-circle
  • glyphicon glyphicon-ban-circle
  • glyphicon glyphicon-arrow-left
  • glyphicon glyphicon-arrow-right
  • glyphicon glyphicon-arrow-up
  • glyphicon glyphicon-arrow-down
  • glyphicon glyphicon-share-alt
  • glyphicon glyphicon-resize-full
  • glyphicon glyphicon-resize-small
  • glyphicon glyphicon-exclamation-sign
  • glyphicon glyphicon-gift
  • glyphicon glyphicon-leaf
  • glyphicon glyphicon-fire
  • glyphicon glyphicon-eye-open
  • glyphicon glyphicon-eye-close
  • glyphicon glyphicon-warning-sign
  • glyphicon glyphicon-plane
  • glyphicon glyphicon-calendar
  • glyphicon glyphicon-random
  • glyphicon glyphicon-comment
  • glyphicon glyphicon-magnet
  • glyphicon glyphicon-chevron-up
  • glyphicon glyphicon-chevron-down
  • glyphicon glyphicon-retweet
  • glyphicon glyphicon-shopping-cart
  • glyphicon glyphicon-folder-close
  • glyphicon glyphicon-folder-open
  • glyphicon glyphicon-resize-vertical
  • glyphicon glyphicon-resize-horizontal
  • glyphicon glyphicon-hdd
  • glyphicon glyphicon-bullhorn
  • glyphicon glyphicon-bell
  • glyphicon glyphicon-certificate
  • glyphicon glyphicon-thumbs-up
  • glyphicon glyphicon-thumbs-down
  • glyphicon glyphicon-hand-right
  • glyphicon glyphicon-hand-left
  • glyphicon glyphicon-hand-up
  • glyphicon glyphicon-hand-down
  • glyphicon glyphicon-circle-arrow-right
  • glyphicon glyphicon-circle-arrow-left
  • glyphicon glyphicon-circle-arrow-up
  • glyphicon glyphicon-circle-arrow-down
  • glyphicon glyphicon-globe
  • glyphicon glyphicon-wrench
  • glyphicon glyphicon-tasks
  • glyphicon glyphicon-filter
  • glyphicon glyphicon-briefcase
  • glyphicon glyphicon-fullscreen
  • glyphicon glyphicon-dashboard
  • glyphicon glyphicon-paperclip
  • glyphicon glyphicon-heart-empty
  • glyphicon glyphicon-link
  • glyphicon glyphicon-phone
  • glyphicon glyphicon-pushpin
  • glyphicon glyphicon-usd
  • glyphicon glyphicon-gbp
  • glyphicon glyphicon-sort
  • glyphicon glyphicon-sort-by-alphabet
  • glyphicon glyphicon-sort-by-alphabet-alt
  • glyphicon glyphicon-sort-by-order
  • glyphicon glyphicon-sort-by-order-alt
  • glyphicon glyphicon-sort-by-attributes
  • glyphicon glyphicon-sort-by-attributes-alt
  • glyphicon glyphicon-unchecked
  • glyphicon glyphicon-expand
  • glyphicon glyphicon-collapse-down
  • glyphicon glyphicon-collapse-up
  • glyphicon glyphicon-log-in
  • glyphicon glyphicon-flash
  • glyphicon glyphicon-log-out
  • glyphicon glyphicon-new-window
  • glyphicon glyphicon-record
  • glyphicon glyphicon-save
  • glyphicon glyphicon-open
  • glyphicon glyphicon-saved
  • glyphicon glyphicon-import
  • glyphicon glyphicon-export
  • glyphicon glyphicon-send
  • glyphicon glyphicon-floppy-disk
  • glyphicon glyphicon-floppy-saved
  • glyphicon glyphicon-floppy-remove
  • glyphicon glyphicon-floppy-save
  • glyphicon glyphicon-floppy-open
  • glyphicon glyphicon-credit-card
  • glyphicon glyphicon-transfer
  • glyphicon glyphicon-cutlery
  • glyphicon glyphicon-header
  • glyphicon glyphicon-compressed
  • glyphicon glyphicon-earphone
  • glyphicon glyphicon-phone-alt
  • glyphicon glyphicon-tower
  • glyphicon glyphicon-stats
  • glyphicon glyphicon-sd-video
  • glyphicon glyphicon-hd-video
  • glyphicon glyphicon-subtitles
  • glyphicon glyphicon-sound-stereo
  • glyphicon glyphicon-sound-dolby
  • glyphicon glyphicon-sound-5-1
  • glyphicon glyphicon-sound-6-1
  • glyphicon glyphicon-sound-7-1
  • glyphicon glyphicon-copyright-mark
  • glyphicon glyphicon-registration-mark
  • glyphicon glyphicon-cloud-download
  • glyphicon glyphicon-cloud-upload
  • glyphicon glyphicon-tree-conifer
  • glyphicon glyphicon-tree-deciduous
  • glyphicon glyphicon-cd
  • glyphicon glyphicon-save-file
  • glyphicon glyphicon-open-file
  • glyphicon glyphicon-level-up
  • glyphicon glyphicon-copy
  • glyphicon glyphicon-paste
  • glyphicon glyphicon-alert
  • glyphicon glyphicon-equalizer
  • glyphicon glyphicon-king
  • glyphicon glyphicon-queen
  • glyphicon glyphicon-pawn
  • glyphicon glyphicon-bishop
  • glyphicon glyphicon-knight
  • glyphicon glyphicon-baby-formula
  • glyphicon glyphicon-tent
  • glyphicon glyphicon-blackboard
  • glyphicon glyphicon-bed
  • glyphicon glyphicon-apple
  • glyphicon glyphicon-erase
  • glyphicon glyphicon-hourglass
  • glyphicon glyphicon-lamp
  • glyphicon glyphicon-duplicate
  • glyphicon glyphicon-piggy-bank
  • glyphicon glyphicon-scissors
  • glyphicon glyphicon-bitcoin
  • glyphicon glyphicon-btc
  • glyphicon glyphicon-xbt
  • glyphicon glyphicon-yen
  • glyphicon glyphicon-jpy
  • glyphicon glyphicon-ruble
  • glyphicon glyphicon-rub
  • glyphicon glyphicon-scale
  • glyphicon glyphicon-ice-lolly
  • glyphicon glyphicon-ice-lolly-tasted
  • glyphicon glyphicon-education
  • glyphicon glyphicon-option-horizontal
  • glyphicon glyphicon-option-vertical
  • glyphicon glyphicon-menu-hamburger
  • glyphicon glyphicon-modal-window
  • glyphicon glyphicon-oil
  • glyphicon glyphicon-grain
  • glyphicon glyphicon-sunglasses
  • glyphicon glyphicon-text-size
  • glyphicon glyphicon-text-color
  • glyphicon glyphicon-text-background
  • glyphicon glyphicon-object-align-top
  • glyphicon glyphicon-object-align-bottom
  • glyphicon glyphicon-object-align-horizontal
  • glyphicon glyphicon-object-align-left
  • glyphicon glyphicon-object-align-vertical
  • glyphicon glyphicon-object-align-right
  • glyphicon glyphicon-triangle-right
  • glyphicon glyphicon-triangle-left
  • glyphicon glyphicon-triangle-bottom
  • glyphicon glyphicon-triangle-top
  • glyphicon glyphicon-console
  • glyphicon glyphicon-superscript
  • glyphicon glyphicon-subscript
  • glyphicon glyphicon-menu-left
  • glyphicon glyphicon-menu-right
  • glyphicon glyphicon-menu-down
  • glyphicon glyphicon-menu-up

How to use

For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.

Don't mix with other components

Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <span> and apply the icon classes to the <span>.

Only for use on empty elements

Icon classes should only be used on elements that contain no text content and have no child elements.

Changing the icon font location

Bootstrap assumes icon font files will be located in the ../fonts/ directory, relative to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of three ways:

  • Change the @icon-font-path and/or @icon-font-name variables in the source Less files.
  • Utilize the relative URLs option provided by the Less compiler.
  • Change the url() paths in the compiled CSS.

Use whatever option best suits your specific development setup.

Accessible icons

Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the aria-hidden="true" attribute.

If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the .sr-only class.

If you're creating controls with no other text (such as a <button> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an aria-label attribute on the control itself.

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

Examples

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

<button type="button" class="btn btn-default" aria-label="Left Align">
+         Components · Bootstrap             
Skip to main content
 Bootstrap 4 is here!  
 
 
Components
 
Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.
  
 
 
 
 
 
 
Glyphicons
 
Available glyphs
 
Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to Glyphicons whenever possible.
 
 
     
  •   glyphicon glyphicon-asterisk 
    •  
  •   glyphicon glyphicon-plus 
    •  
  •   glyphicon glyphicon-euro 
    •  
  •   glyphicon glyphicon-eur 
    •  
  •   glyphicon glyphicon-minus 
    •  
  •   glyphicon glyphicon-cloud 
    •  
  •   glyphicon glyphicon-envelope 
    •  
  •   glyphicon glyphicon-pencil 
    •  
  •   glyphicon glyphicon-glass 
    •  
  •   glyphicon glyphicon-music 
    •  
  •   glyphicon glyphicon-search 
    •  
  •   glyphicon glyphicon-heart 
    •  
  •   glyphicon glyphicon-star 
    •  
  •   glyphicon glyphicon-star-empty 
    •  
  •   glyphicon glyphicon-user 
    •  
  •   glyphicon glyphicon-film 
    •  
  •   glyphicon glyphicon-th-large 
    •  
  •   glyphicon glyphicon-th 
    •  
  •   glyphicon glyphicon-th-list 
    •  
  •   glyphicon glyphicon-ok 
    •  
  •   glyphicon glyphicon-remove 
    •  
  •   glyphicon glyphicon-zoom-in 
    •  
  •   glyphicon glyphicon-zoom-out 
    •  
  •   glyphicon glyphicon-off 
    •  
  •   glyphicon glyphicon-signal 
    •  
  •   glyphicon glyphicon-cog 
    •  
  •   glyphicon glyphicon-trash 
    •  
  •   glyphicon glyphicon-home 
    •  
  •   glyphicon glyphicon-file 
    •  
  •   glyphicon glyphicon-time 
    •  
  •   glyphicon glyphicon-road 
    •  
  •   glyphicon glyphicon-download-alt 
    •  
  •   glyphicon glyphicon-download 
    •  
  •   glyphicon glyphicon-upload 
    •  
  •   glyphicon glyphicon-inbox 
    •  
  •   glyphicon glyphicon-play-circle 
    •  
  •   glyphicon glyphicon-repeat 
    •  
  •   glyphicon glyphicon-refresh 
    •  
  •   glyphicon glyphicon-list-alt 
    •  
  •   glyphicon glyphicon-lock 
    •  
  •   glyphicon glyphicon-flag 
    •  
  •   glyphicon glyphicon-headphones 
    •  
  •   glyphicon glyphicon-volume-off 
    •  
  •   glyphicon glyphicon-volume-down 
    •  
  •   glyphicon glyphicon-volume-up 
    •  
  •   glyphicon glyphicon-qrcode 
    •  
  •   glyphicon glyphicon-barcode 
    •  
  •   glyphicon glyphicon-tag 
    •  
  •   glyphicon glyphicon-tags 
    •  
  •   glyphicon glyphicon-book 
    •  
  •   glyphicon glyphicon-bookmark 
    •  
  •   glyphicon glyphicon-print 
    •  
  •   glyphicon glyphicon-camera 
    •  
  •   glyphicon glyphicon-font 
    •  
  •   glyphicon glyphicon-bold 
    •  
  •   glyphicon glyphicon-italic 
    •  
  •   glyphicon glyphicon-text-height 
    •  
  •   glyphicon glyphicon-text-width 
    •  
  •   glyphicon glyphicon-align-left 
    •  
  •   glyphicon glyphicon-align-center 
    •  
  •   glyphicon glyphicon-align-right 
    •  
  •   glyphicon glyphicon-align-justify 
    •  
  •   glyphicon glyphicon-list 
    •  
  •   glyphicon glyphicon-indent-left 
    •  
  •   glyphicon glyphicon-indent-right 
    •  
  •   glyphicon glyphicon-facetime-video 
    •  
  •   glyphicon glyphicon-picture 
    •  
  •   glyphicon glyphicon-map-marker 
    •  
  •   glyphicon glyphicon-adjust 
    •  
  •   glyphicon glyphicon-tint 
    •  
  •   glyphicon glyphicon-edit 
    •  
  •   glyphicon glyphicon-share 
    •  
  •   glyphicon glyphicon-check 
    •  
  •   glyphicon glyphicon-move 
    •  
  •   glyphicon glyphicon-step-backward 
    •  
  •   glyphicon glyphicon-fast-backward 
    •  
  •   glyphicon glyphicon-backward 
    •  
  •   glyphicon glyphicon-play 
    •  
  •   glyphicon glyphicon-pause 
    •  
  •   glyphicon glyphicon-stop 
    •  
  •   glyphicon glyphicon-forward 
    •  
  •   glyphicon glyphicon-fast-forward 
    •  
  •   glyphicon glyphicon-step-forward 
    •  
  •   glyphicon glyphicon-eject 
    •  
  •   glyphicon glyphicon-chevron-left 
    •  
  •   glyphicon glyphicon-chevron-right 
    •  
  •   glyphicon glyphicon-plus-sign 
    •  
  •   glyphicon glyphicon-minus-sign 
    •  
  •   glyphicon glyphicon-remove-sign 
    •  
  •   glyphicon glyphicon-ok-sign 
    •  
  •   glyphicon glyphicon-question-sign 
    •  
  •   glyphicon glyphicon-info-sign 
    •  
  •   glyphicon glyphicon-screenshot 
    •  
  •   glyphicon glyphicon-remove-circle 
    •  
  •   glyphicon glyphicon-ok-circle 
    •  
  •   glyphicon glyphicon-ban-circle 
    •  
  •   glyphicon glyphicon-arrow-left 
    •  
  •   glyphicon glyphicon-arrow-right 
    •  
  •   glyphicon glyphicon-arrow-up 
    •  
  •   glyphicon glyphicon-arrow-down 
    •  
  •   glyphicon glyphicon-share-alt 
    •  
  •   glyphicon glyphicon-resize-full 
    •  
  •   glyphicon glyphicon-resize-small 
    •  
  •   glyphicon glyphicon-exclamation-sign 
    •  
  •   glyphicon glyphicon-gift 
    •  
  •   glyphicon glyphicon-leaf 
    •  
  •   glyphicon glyphicon-fire 
    •  
  •   glyphicon glyphicon-eye-open 
    •  
  •   glyphicon glyphicon-eye-close 
    •  
  •   glyphicon glyphicon-warning-sign 
    •  
  •   glyphicon glyphicon-plane 
    •  
  •   glyphicon glyphicon-calendar 
    •  
  •   glyphicon glyphicon-random 
    •  
  •   glyphicon glyphicon-comment 
    •  
  •   glyphicon glyphicon-magnet 
    •  
  •   glyphicon glyphicon-chevron-up 
    •  
  •   glyphicon glyphicon-chevron-down 
    •  
  •   glyphicon glyphicon-retweet 
    •  
  •   glyphicon glyphicon-shopping-cart 
    •  
  •   glyphicon glyphicon-folder-close 
    •  
  •   glyphicon glyphicon-folder-open 
    •  
  •   glyphicon glyphicon-resize-vertical 
    •  
  •   glyphicon glyphicon-resize-horizontal 
    •  
  •   glyphicon glyphicon-hdd 
    •  
  •   glyphicon glyphicon-bullhorn 
    •  
  •   glyphicon glyphicon-bell 
    •  
  •   glyphicon glyphicon-certificate 
    •  
  •   glyphicon glyphicon-thumbs-up 
    •  
  •   glyphicon glyphicon-thumbs-down 
    •  
  •   glyphicon glyphicon-hand-right 
    •  
  •   glyphicon glyphicon-hand-left 
    •  
  •   glyphicon glyphicon-hand-up 
    •  
  •   glyphicon glyphicon-hand-down 
    •  
  •   glyphicon glyphicon-circle-arrow-right 
    •  
  •   glyphicon glyphicon-circle-arrow-left 
    •  
  •   glyphicon glyphicon-circle-arrow-up 
    •  
  •   glyphicon glyphicon-circle-arrow-down 
    •  
  •   glyphicon glyphicon-globe 
    •  
  •   glyphicon glyphicon-wrench 
    •  
  •   glyphicon glyphicon-tasks 
    •  
  •   glyphicon glyphicon-filter 
    •  
  •   glyphicon glyphicon-briefcase 
    •  
  •   glyphicon glyphicon-fullscreen 
    •  
  •   glyphicon glyphicon-dashboard 
    •  
  •   glyphicon glyphicon-paperclip 
    •  
  •   glyphicon glyphicon-heart-empty 
    •  
  •   glyphicon glyphicon-link 
    •  
  •   glyphicon glyphicon-phone 
    •  
  •   glyphicon glyphicon-pushpin 
    •  
  •   glyphicon glyphicon-usd 
    •  
  •   glyphicon glyphicon-gbp 
    •  
  •   glyphicon glyphicon-sort 
    •  
  •   glyphicon glyphicon-sort-by-alphabet 
    •  
  •   glyphicon glyphicon-sort-by-alphabet-alt 
    •  
  •   glyphicon glyphicon-sort-by-order 
    •  
  •   glyphicon glyphicon-sort-by-order-alt 
    •  
  •   glyphicon glyphicon-sort-by-attributes 
    •  
  •   glyphicon glyphicon-sort-by-attributes-alt 
    •  
  •   glyphicon glyphicon-unchecked 
    •  
  •   glyphicon glyphicon-expand 
    •  
  •   glyphicon glyphicon-collapse-down 
    •  
  •   glyphicon glyphicon-collapse-up 
    •  
  •   glyphicon glyphicon-log-in 
    •  
  •   glyphicon glyphicon-flash 
    •  
  •   glyphicon glyphicon-log-out 
    •  
  •   glyphicon glyphicon-new-window 
    •  
  •   glyphicon glyphicon-record 
    •  
  •   glyphicon glyphicon-save 
    •  
  •   glyphicon glyphicon-open 
    •  
  •   glyphicon glyphicon-saved 
    •  
  •   glyphicon glyphicon-import 
    •  
  •   glyphicon glyphicon-export 
    •  
  •   glyphicon glyphicon-send 
    •  
  •   glyphicon glyphicon-floppy-disk 
    •  
  •   glyphicon glyphicon-floppy-saved 
    •  
  •   glyphicon glyphicon-floppy-remove 
    •  
  •   glyphicon glyphicon-floppy-save 
    •  
  •   glyphicon glyphicon-floppy-open 
    •  
  •   glyphicon glyphicon-credit-card 
    •  
  •   glyphicon glyphicon-transfer 
    •  
  •   glyphicon glyphicon-cutlery 
    •  
  •   glyphicon glyphicon-header 
    •  
  •   glyphicon glyphicon-compressed 
    •  
  •   glyphicon glyphicon-earphone 
    •  
  •   glyphicon glyphicon-phone-alt 
    •  
  •   glyphicon glyphicon-tower 
    •  
  •   glyphicon glyphicon-stats 
    •  
  •   glyphicon glyphicon-sd-video 
    •  
  •   glyphicon glyphicon-hd-video 
    •  
  •   glyphicon glyphicon-subtitles 
    •  
  •   glyphicon glyphicon-sound-stereo 
    •  
  •   glyphicon glyphicon-sound-dolby 
    •  
  •   glyphicon glyphicon-sound-5-1 
    •  
  •   glyphicon glyphicon-sound-6-1 
    •  
  •   glyphicon glyphicon-sound-7-1 
    •  
  •   glyphicon glyphicon-copyright-mark 
    •  
  •   glyphicon glyphicon-registration-mark 
    •  
  •   glyphicon glyphicon-cloud-download 
    •  
  •   glyphicon glyphicon-cloud-upload 
    •  
  •   glyphicon glyphicon-tree-conifer 
    •  
  •   glyphicon glyphicon-tree-deciduous 
    •  
  •   glyphicon glyphicon-cd 
    •  
  •   glyphicon glyphicon-save-file 
    •  
  •   glyphicon glyphicon-open-file 
    •  
  •   glyphicon glyphicon-level-up 
    •  
  •   glyphicon glyphicon-copy 
    •  
  •   glyphicon glyphicon-paste 
    •  
  •   glyphicon glyphicon-alert 
    •  
  •   glyphicon glyphicon-equalizer 
    •  
  •   glyphicon glyphicon-king 
    •  
  •   glyphicon glyphicon-queen 
    •  
  •   glyphicon glyphicon-pawn 
    •  
  •   glyphicon glyphicon-bishop 
    •  
  •   glyphicon glyphicon-knight 
    •  
  •   glyphicon glyphicon-baby-formula 
    •  
  •   glyphicon glyphicon-tent 
    •  
  •   glyphicon glyphicon-blackboard 
    •  
  •   glyphicon glyphicon-bed 
    •  
  •   glyphicon glyphicon-apple 
    •  
  •   glyphicon glyphicon-erase 
    •  
  •   glyphicon glyphicon-hourglass 
    •  
  •   glyphicon glyphicon-lamp 
    •  
  •   glyphicon glyphicon-duplicate 
    •  
  •   glyphicon glyphicon-piggy-bank 
    •  
  •   glyphicon glyphicon-scissors 
    •  
  •   glyphicon glyphicon-bitcoin 
    •  
  •   glyphicon glyphicon-btc 
    •  
  •   glyphicon glyphicon-xbt 
    •  
  •   glyphicon glyphicon-yen 
    •  
  •   glyphicon glyphicon-jpy 
    •  
  •   glyphicon glyphicon-ruble 
    •  
  •   glyphicon glyphicon-rub 
    •  
  •   glyphicon glyphicon-scale 
    •  
  •   glyphicon glyphicon-ice-lolly 
    •  
  •   glyphicon glyphicon-ice-lolly-tasted 
    •  
  •   glyphicon glyphicon-education 
    •  
  •   glyphicon glyphicon-option-horizontal 
    •  
  •   glyphicon glyphicon-option-vertical 
    •  
  •   glyphicon glyphicon-menu-hamburger 
    •  
  •   glyphicon glyphicon-modal-window 
    •  
  •   glyphicon glyphicon-oil 
    •  
  •   glyphicon glyphicon-grain 
    •  
  •   glyphicon glyphicon-sunglasses 
    •  
  •   glyphicon glyphicon-text-size 
    •  
  •   glyphicon glyphicon-text-color 
    •  
  •   glyphicon glyphicon-text-background 
    •  
  •   glyphicon glyphicon-object-align-top 
    •  
  •   glyphicon glyphicon-object-align-bottom 
    •  
  •   glyphicon glyphicon-object-align-horizontal 
    •  
  •   glyphicon glyphicon-object-align-left 
    •  
  •   glyphicon glyphicon-object-align-vertical 
    •  
  •   glyphicon glyphicon-object-align-right 
    •  
  •   glyphicon glyphicon-triangle-right 
    •  
  •   glyphicon glyphicon-triangle-left 
    •  
  •   glyphicon glyphicon-triangle-bottom 
    •  
  •   glyphicon glyphicon-triangle-top 
    •  
  •   glyphicon glyphicon-console 
    •  
  •   glyphicon glyphicon-superscript 
    •  
  •   glyphicon glyphicon-subscript 
    •  
  •   glyphicon glyphicon-menu-left 
    •  
  •   glyphicon glyphicon-menu-right 
    •  
  •   glyphicon glyphicon-menu-down 
    •  
  •   glyphicon glyphicon-menu-up 
    •  
 
 
How to use
 
For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.
 
 
Don't mix with other components
 
Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <span> and apply the icon classes to the <span>.
 
 
 
Only for use on empty elements
 
Icon classes should only be used on elements that contain no text content and have no child elements.
 
 
 
Changing the icon font location
 
Bootstrap assumes icon font files will be located in the ../fonts/ directory, relative to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of three ways:
 
     
  • Change the @icon-font-path and/or @icon-font-name variables in the source Less files.
    •  
  • Utilize the relative URLs option provided by the Less compiler.
    •  
  • Change the url() paths in the compiled CSS.
    •  
 
Use whatever option best suits your specific development setup.
 
 
 
Accessible icons
 
Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the aria-hidden="true" attribute.
 
If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the .sr-only class.
 
If you're creating controls with no other text (such as a <button> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an aria-label attribute on the control itself.
 
 
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
 
Examples
 
Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.
 
   
 
<button type="button" class="btn btn-default" aria-label="Left Align">
   <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
 </button>
 
diff --git a/docs/3.3/css/index.html b/docs/3.3/css/index.html
index 176a68a527..1c60613592 100644
--- a/docs/3.3/css/index.html
+++ b/docs/3.3/css/index.html
@@ -1,4 +1,4 @@
-         CSS · Bootstrap             
Skip to main content
 Bootstrap 4 is here!  
 
 
CSS
 
Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.
 
 
 
 
 
 
 
 
Overview
 
Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.
 
HTML5 doctype
 
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.
 
<!DOCTYPE html>
+         CSS · Bootstrap             
Skip to main content
 Bootstrap 4 is here!  
 
 
CSS
 
Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.
  
 
 
 
 
 
 
Overview
 
Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.
 
HTML5 doctype
 
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.
 
<!DOCTYPE html>
 <html lang="en">
   ...
 </html>
 
Mobile first
 
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, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.
 
To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
You can disable zooming capabilities on mobile devices by adding user-scalable=no 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!
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  
Bootstrap sets basic global display, typography, and link styles. Specifically, we:
 
     
  • Set background-color: #fff; on the body
    •  
  • Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base
    •  
  • Set the global link color via @link-color and apply link underlines only on :hover
    •  
 
These styles can be found within scaffolding.less.
 
Normalize.css
 
For improved cross-browser rendering, we use Normalize.css, a project by Nicolas Gallagher and Jonathan Neal.
 
Containers
 
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 padding and more, neither container is nestable.
 
Use .container for a responsive fixed width container.
 
<div class="container">
diff --git a/docs/3.3/customize/index.html b/docs/3.3/customize/index.html
index 1562d4f76e..0c227f0903 100644
--- a/docs/3.3/customize/index.html
+++ b/docs/3.3/customize/index.html
@@ -1 +1 @@
-         Customize and download · Bootstrap            
Skip to main content
 Bootstrap 4 is here!  
 
 
Customize and download
 
Customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version.
 
 
 
 
 
 
   
 
 
  
 
Have an existing configuration? Upload your config.json to import it.
 
Drag and drop here, or .
 
 
Don't have one? That's okay—just start customizing the fields below.
 
 
 
 
  
Less files
 
Choose which Less files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the CSS and Components pages in the docs.
 
 
 
Common CSS
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
 
 
Components
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
 
 
JavaScript components
 
  
 
  
 
  
 
  
 
  
 
  
 
 
 
 
  
jQuery plugins
 
Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the JavaScript page in the docs.
 
 
 
Linked to components
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
 
 
Magic
 
  
 
  
 
  
 
  
 
 
 
 
Produces two files
 
All checked plugins will be compiled into a readable bootstrap.js and a minified bootstrap.min.js. We recommend you use the minified version in production.
 
 
 
jQuery required
 
All plugins require the latest version of jQuery to be included.
 
 
 
  
Less variables
 
Customize Less variables to define colors, sizes and more inside your custom CSS stylesheets.
 
Colors
 
Gray and brand colors for use across Bootstrap.
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
 
Scaffolding
 
Settings for some of the most global styles.
 
 
   
Background color for <body>.
 
 
   
Global text color on <body>.
 
 
    
 
 
    
 
    
 
 
Typography
 
Font, line-height, and color for body text, headings, and more.
 
 
   
 
   
 
   
Default monospace fonts for <code>, <kbd>, and <pre>.
 
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
Unit-less line-height for use in components like buttons.
 
 
   
Computed "line-height" (font-size * line-height) for use with margin, padding, etc.
 
 
 
   
By default, this inherits from the <body>.
 
 
   
 
   
 
 
   
 
 
Iconography
 
Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
 
 
   
Load fonts from this directory.
 
 
   
File name for all font files.
 
 
   
Element ID within SVG icon file.
 
 
 
Components
 
Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
Global color for active items (e.g., navs or dropdowns).
 
 
   
Global background color for active items (e.g., navs or dropdowns).
 
 
 
   
Width of the border for generating carets that indicate dropdowns.
 
 
   
Carets increase slightly in size for larger components.
 
 
 
Tables
 
Customizes the .table component with basic values, each used across all table variations.
 
 
   
Padding for <th>s and <td>s.
 
 
   
Padding for cells in .table-condensed.
 
 
   
Default background color used for all tables.
 
 
 
   
Background color used for .table-striped.
 
 
   
Background color used for .table-hover.
 
 
   
 
 
   
Border color for table and cell borders.
 
 
 
Buttons
 
For each of Bootstrap's buttons, define text, background and border color.
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
 
Forms
 
 
   
<input> background color
 
 
   
<input disabled> background color
 
 
   
Text color for <input>s
 
 
 
   
<input> border color
 
 
   
Default .form-control border radius
 
 
   
Large .form-control border radius
 
 
 
   
Small .form-control border radius
 
 
   
Border color for inputs on focus
 
 
   
Placeholder text color
 
 
 
   
Default .form-control height
 
 
   
Large .form-control height
 
 
   
Small .form-control height
 
 
 
   
.form-group margin
 
 
   
 
   
 
 
   
Background color for textual input addons
 
 
   
Border color for textual input addons
 
 
   
Disabled cursor for form controls and buttons.
 
 
  
Dropdown menu container and contents.
 
 
   
Background for the dropdown menu.
 
 
   
Dropdown menu border-color.
 
 
   
Dropdown menu border-color for IE8.
 
 
 
   
Divider color for between dropdown items.
 
 
    
 
    
 
 
    
 
    
 
    
 
 
    
 
   
Text color for headers within dropdown menus.
 
 
   
Deprecated @dropdown-caret-color as of v3.1.0
 
 
 
Media queries breakpoints
 
Define the breakpoints at which your layout will change, adapting to different screen sizes.
 
 
   
Deprecated @screen-xs as of v3.0.1
 
 
   
Deprecated @screen-xs-min as of v3.2.0
 
 
   
Deprecated @screen-phone as of v3.0.1
 
 
 
   
Deprecated @screen-sm as of v3.0.1
 
 
   
 
   
Deprecated @screen-tablet as of v3.0.1
 
 
 
   
Deprecated @screen-md as of v3.0.1
 
 
   
 
   
Deprecated @screen-desktop as of v3.0.1
 
 
 
   
Deprecated @screen-lg as of v3.0.1
 
 
   
 
   
Deprecated @screen-lg-desktop as of v3.0.1
 
 
 
   
 
   
 
   
 
 
Grid system
 
Define your custom responsive grid.
 
 
   
Number of columns in the grid.
 
 
   
Padding between columns. Gets divided in half for the left and right.
 
 
   
Point at which the navbar becomes uncollapsed.
 
 
 
   
Point at which the navbar begins collapsing.
 
 
 
Container sizes
 
Define the maximum width of .container for different screen sizes.
 
 
   
 
   
For @screen-sm-min and up.
 
 
   
 
 
   
For @screen-md-min and up.
 
 
   
 
   
For @screen-lg-min and up.
 
 
  
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
 
Inverted navbar
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
  
Shared nav styles
 
 
   
 
   
 
   
 
 
   
 
 
Tabs
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
 
Pills
 
 
   
 
   
 
   
 
 
Pagination
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
Pager
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
 
Jumbotron
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
Form states and alerts
 
Define colors for form feedback states and, by default, alerts.
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
Tooltips
 
 
   
Tooltip max width
 
 
   
Tooltip text color
 
 
   
Tooltip background color
 
 
 
   
 
   
Tooltip arrow width
 
 
   
Tooltip arrow color
 
 
 
Popovers
 
 
   
Popover body background color
 
 
   
Popover maximum width
 
 
   
Popover border color
 
 
 
   
Popover fallback border color
 
 
   
Popover title background color
 
 
   
Popover arrow width
 
 
 
   
Popover arrow color
 
 
   
Popover outer arrow width
 
 
   
Popover outer arrow color
 
 
 
   
Popover outer arrow fallback color
 
 
 
Labels
 
 
   
Default label background color
 
 
   
Primary label background color
 
 
   
Success label background color
 
 
 
   
Info label background color
 
 
   
Warning label background color
 
 
   
Danger label background color
 
 
 
   
Default label text color
 
 
    
 
 
Modals
 
 
   
Padding applied to the modal body
 
 
   
Padding applied to the modal title
 
 
   
Modal title line-height
 
 
 
   
Background color of modal content area
 
 
   
Modal content border color
 
 
   
Modal content border color for IE8
 
 
 
   
Modal backdrop background color
 
 
   
Modal backdrop opacity
 
 
   
Modal header border color
 
 
 
    
 
   
 
   
 
 
   
 
 
Alerts
 
Define alert colors, border radius, and padding.
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
Progress bars
 
 
   
Background color of the whole progress component
 
 
   
Progress bar text color
 
 
   
Variable for setting rounded corners on progress bar.
 
 
 
   
Default progress bar color
 
 
   
Success progress bar color
 
 
   
Warning progress bar color
 
 
 
   
Danger progress bar color
 
 
   
Info progress bar color
 
 
 
List group
 
 
   
Background color on .list-group-item
 
 
   
.list-group-item border color
 
 
   
List group border radius
 
 
 
   
Background color of single list items on hover
 
 
   
Text color of active list items
 
 
   
Background color of active list items
 
 
 
   
Border color of active list elements
 
 
   
Text color for content within active list items
 
 
   
Text color of disabled list items
 
 
 
   
Background color of disabled list items
 
 
   
Text color for content within disabled list items
 
 
   
 
 
   
 
   
 
 
Panels
 
 
   
 
   
 
   
 
 
   
 
   
 
   
Border color for elements within panels
 
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
 
Thumbnails
 
 
   
Padding around the thumbnail image
 
 
   
Thumbnail background color
 
 
   
Thumbnail border color
 
 
 
   
Thumbnail border radius
 
 
   
Custom text color for thumbnail captions
 
 
   
Padding around the thumbnail caption
 
 
 
Wells
 
 
   
 
   
 
 
Badges
 
 
   
 
    
 
   
 
 
   
Badge text color in active nav link
 
 
   
Badge background color in active nav link
 
 
   
 
 
   
 
   
 
  
 
   
 
   
 
   
Breadcrumb background color
 
 
 
   
Breadcrumb text color
 
 
   
Text color of current page in the breadcrumb
 
 
   
Textual separator for between breadcrumb elements
 
 
  
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
 
Close
 
 
   
 
   
 
   
 
 
Code
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
 
Type
 
 
   
Horizontal offset for forms and lists.
 
 
   
Text muted color
 
 
   
Abbreviations and acronyms border color
 
 
 
   
Headings small color
 
 
   
Blockquote small color
 
 
   
Blockquote font size
 
 
 
   
Blockquote border color
 
 
   
Page header border color
 
 
   
Width of horizontal description list titles
 
 
 
   
Point at which .dl-horizontal becomes horizontal
 
 
   
Horizontal line color.
 
 
 
 
 
Download
 
Hooray! Your custom version of Bootstrap is now ready to be compiled. Just click the button below to finish the process.
 
  
 
 
 
  
 
          
\ No newline at end of file
+         Customize and download · Bootstrap            
Skip to main content
 Bootstrap 4 is here!  
 
 
Customize and download
 
Customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version.
  
 
 
 
 
   
 
 
  
 
Have an existing configuration? Upload your config.json to import it.
 
Drag and drop here, or .
 
 
Don't have one? That's okay—just start customizing the fields below.
 
 
 
 
  
Less files
 
Choose which Less files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the CSS and Components pages in the docs.
 
 
 
Common CSS
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
 
 
Components
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
 
 
JavaScript components
 
  
 
  
 
  
 
  
 
  
 
  
 
 
 
 
  
jQuery plugins
 
Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the JavaScript page in the docs.
 
 
 
Linked to components
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
 
 
Magic
 
  
 
  
 
  
 
  
 
 
 
 
Produces two files
 
All checked plugins will be compiled into a readable bootstrap.js and a minified bootstrap.min.js. We recommend you use the minified version in production.
 
 
 
jQuery required
 
All plugins require the latest version of jQuery to be included.
 
 
 
  
Less variables
 
Customize Less variables to define colors, sizes and more inside your custom CSS stylesheets.
 
Colors
 
Gray and brand colors for use across Bootstrap.
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
 
Scaffolding
 
Settings for some of the most global styles.
 
 
   
Background color for <body>.
 
 
   
Global text color on <body>.
 
 
    
 
 
    
 
    
 
 
Typography
 
Font, line-height, and color for body text, headings, and more.
 
 
   
 
   
 
   
Default monospace fonts for <code>, <kbd>, and <pre>.
 
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
Unit-less line-height for use in components like buttons.
 
 
   
Computed "line-height" (font-size * line-height) for use with margin, padding, etc.
 
 
 
   
By default, this inherits from the <body>.
 
 
   
 
   
 
 
   
 
 
Iconography
 
Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
 
 
   
Load fonts from this directory.
 
 
   
File name for all font files.
 
 
   
Element ID within SVG icon file.
 
 
 
Components
 
Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
Global color for active items (e.g., navs or dropdowns).
 
 
   
Global background color for active items (e.g., navs or dropdowns).
 
 
 
   
Width of the border for generating carets that indicate dropdowns.
 
 
   
Carets increase slightly in size for larger components.
 
 
 
Tables
 
Customizes the .table component with basic values, each used across all table variations.
 
 
   
Padding for <th>s and <td>s.
 
 
   
Padding for cells in .table-condensed.
 
 
   
Default background color used for all tables.
 
 
 
   
Background color used for .table-striped.
 
 
   
Background color used for .table-hover.
 
 
   
 
 
   
Border color for table and cell borders.
 
 
 
Buttons
 
For each of Bootstrap's buttons, define text, background and border color.
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
 
Forms
 
 
   
<input> background color
 
 
   
<input disabled> background color
 
 
   
Text color for <input>s
 
 
 
   
<input> border color
 
 
   
Default .form-control border radius
 
 
   
Large .form-control border radius
 
 
 
   
Small .form-control border radius
 
 
   
Border color for inputs on focus
 
 
   
Placeholder text color
 
 
 
   
Default .form-control height
 
 
   
Large .form-control height
 
 
   
Small .form-control height
 
 
 
   
.form-group margin
 
 
   
 
   
 
 
   
Background color for textual input addons
 
 
   
Border color for textual input addons
 
 
   
Disabled cursor for form controls and buttons.
 
 
  
Dropdown menu container and contents.
 
 
   
Background for the dropdown menu.
 
 
   
Dropdown menu border-color.
 
 
   
Dropdown menu border-color for IE8.
 
 
 
   
Divider color for between dropdown items.
 
 
    
 
    
 
 
    
 
    
 
    
 
 
    
 
   
Text color for headers within dropdown menus.
 
 
   
Deprecated @dropdown-caret-color as of v3.1.0
 
 
 
Media queries breakpoints
 
Define the breakpoints at which your layout will change, adapting to different screen sizes.
 
 
   
Deprecated @screen-xs as of v3.0.1
 
 
   
Deprecated @screen-xs-min as of v3.2.0
 
 
   
Deprecated @screen-phone as of v3.0.1
 
 
 
   
Deprecated @screen-sm as of v3.0.1
 
 
   
 
   
Deprecated @screen-tablet as of v3.0.1
 
 
 
   
Deprecated @screen-md as of v3.0.1
 
 
   
 
   
Deprecated @screen-desktop as of v3.0.1
 
 
 
   
Deprecated @screen-lg as of v3.0.1
 
 
   
 
   
Deprecated @screen-lg-desktop as of v3.0.1
 
 
 
   
 
   
 
   
 
 
Grid system
 
Define your custom responsive grid.
 
 
   
Number of columns in the grid.
 
 
   
Padding between columns. Gets divided in half for the left and right.
 
 
   
Point at which the navbar becomes uncollapsed.
 
 
 
   
Point at which the navbar begins collapsing.
 
 
 
Container sizes
 
Define the maximum width of .container for different screen sizes.
 
 
   
 
   
For @screen-sm-min and up.
 
 
   
 
 
   
For @screen-md-min and up.
 
 
   
 
   
For @screen-lg-min and up.
 
 
  
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
 
Inverted navbar
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
  
Shared nav styles
 
 
   
 
   
 
   
 
 
   
 
 
Tabs
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
 
Pills
 
 
   
 
   
 
   
 
 
Pagination
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
Pager
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
 
Jumbotron
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
Form states and alerts
 
Define colors for form feedback states and, by default, alerts.
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
Tooltips
 
 
   
Tooltip max width
 
 
   
Tooltip text color
 
 
   
Tooltip background color
 
 
 
   
 
   
Tooltip arrow width
 
 
   
Tooltip arrow color
 
 
 
Popovers
 
 
   
Popover body background color
 
 
   
Popover maximum width
 
 
   
Popover border color
 
 
 
   
Popover fallback border color
 
 
   
Popover title background color
 
 
   
Popover arrow width
 
 
 
   
Popover arrow color
 
 
   
Popover outer arrow width
 
 
   
Popover outer arrow color
 
 
 
   
Popover outer arrow fallback color
 
 
 
Labels
 
 
   
Default label background color
 
 
   
Primary label background color
 
 
   
Success label background color
 
 
 
   
Info label background color
 
 
   
Warning label background color
 
 
   
Danger label background color
 
 
 
   
Default label text color
 
 
    
 
 
Modals
 
 
   
Padding applied to the modal body
 
 
   
Padding applied to the modal title
 
 
   
Modal title line-height
 
 
 
   
Background color of modal content area
 
 
   
Modal content border color
 
 
   
Modal content border color for IE8
 
 
 
   
Modal backdrop background color
 
 
   
Modal backdrop opacity
 
 
   
Modal header border color
 
 
 
    
 
   
 
   
 
 
   
 
 
Alerts
 
Define alert colors, border radius, and padding.
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
Progress bars
 
 
   
Background color of the whole progress component
 
 
   
Progress bar text color
 
 
   
Variable for setting rounded corners on progress bar.
 
 
 
   
Default progress bar color
 
 
   
Success progress bar color
 
 
   
Warning progress bar color
 
 
 
   
Danger progress bar color
 
 
   
Info progress bar color
 
 
 
List group
 
 
   
Background color on .list-group-item
 
 
   
.list-group-item border color
 
 
   
List group border radius
 
 
 
   
Background color of single list items on hover
 
 
   
Text color of active list items
 
 
   
Background color of active list items
 
 
 
   
Border color of active list elements
 
 
   
Text color for content within active list items
 
 
   
Text color of disabled list items
 
 
 
   
Background color of disabled list items
 
 
   
Text color for content within disabled list items
 
 
   
 
 
   
 
   
 
 
Panels
 
 
   
 
   
 
   
 
 
   
 
   
 
   
Border color for elements within panels
 
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
 
Thumbnails
 
 
   
Padding around the thumbnail image
 
 
   
Thumbnail background color
 
 
   
Thumbnail border color
 
 
 
   
Thumbnail border radius
 
 
   
Custom text color for thumbnail captions
 
 
   
Padding around the thumbnail caption
 
 
 
Wells
 
 
   
 
   
 
 
Badges
 
 
   
 
    
 
   
 
 
   
Badge text color in active nav link
 
 
   
Badge background color in active nav link
 
 
   
 
 
   
 
   
 
  
 
   
 
   
 
   
Breadcrumb background color
 
 
 
   
Breadcrumb text color
 
 
   
Text color of current page in the breadcrumb
 
 
   
Textual separator for between breadcrumb elements
 
 
  
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
 
Close
 
 
   
 
   
 
   
 
 
Code
 
 
   
 
   
 
   
 
 
   
 
   
 
   
 
 
   
 
   
 
 
Type
 
 
   
Horizontal offset for forms and lists.
 
 
   
Text muted color
 
 
   
Abbreviations and acronyms border color
 
 
 
   
Headings small color
 
 
   
Blockquote small color
 
 
   
Blockquote font size
 
 
 
   
Blockquote border color
 
 
   
Page header border color
 
 
   
Width of horizontal description list titles
 
 
 
   
Point at which .dl-horizontal becomes horizontal
 
 
   
Horizontal line color.
 
 
 
 
 
Download
 
Hooray! Your custom version of Bootstrap is now ready to be compiled. Just click the button below to finish the process.
 
  
 
 
 
  
 
          
\ No newline at end of file
diff --git a/docs/3.3/getting-started/index.html b/docs/3.3/getting-started/index.html
index 8ad47bdf38..d1cb70e96c 100644
--- a/docs/3.3/getting-started/index.html
+++ b/docs/3.3/getting-started/index.html
@@ -1,4 +1,4 @@
-         Getting started · Bootstrap            
Skip to main content
 Bootstrap 4 is here!  
 
 
Getting started
 
An overview of Bootstrap, how to download and use, basic templates and examples, and more.
 
 
 
 
 
 
 
 
Download
 
Bootstrap (currently v3.3.7) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.
 
 
 
Bootstrap
 
Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.
 
 Download Bootstrap 
 
 
 
Source code
 
Source Less, JavaScript, and font files, along with our docs. Requires a Less compiler and some setup.
 
 Download source 
 
 
 
Sass
 
Bootstrap ported from Less to Sass for easy inclusion in Rails, Compass, or Sass-only projects.
 
 Download Sass 
 
 
 
Bootstrap CDN
 
The folks over at MaxCDN graciously provide CDN support for Bootstrap's CSS and JavaScript. Just use these Bootstrap CDN links.
 
<!-- Latest compiled and minified CSS -->
+         Getting started · Bootstrap            
Skip to main content
 Bootstrap 4 is here!  
 
 
Getting started
 
An overview of Bootstrap, how to download and use, basic templates and examples, and more.
  
 
 
 
 
 
 
Download
 
Bootstrap (currently v3.3.7) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.
 
 
 
Bootstrap
 
Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.
 
 Download Bootstrap 
 
 
 
Source code
 
Source Less, JavaScript, and font files, along with our docs. Requires a Less compiler and some setup.
 
 Download source 
 
 
 
Sass
 
Bootstrap ported from Less to Sass for easy inclusion in Rails, Compass, or Sass-only projects.
 
 Download Sass 
 
 
 
Bootstrap CDN
 
The folks over at MaxCDN graciously provide CDN support for Bootstrap's CSS and JavaScript. Just use these Bootstrap CDN links.
 
<!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
 <!-- Optional theme -->
diff --git a/docs/3.3/index.html b/docs/3.3/index.html
index 1c5aaa1dae..b04207f169 100644
--- a/docs/3.3/index.html
+++ b/docs/3.3/index.html
@@ -47,7 +47,6 @@
         
         
@@ -59,17 +58,7 @@
       
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

       
 Download Bootstrap 

       
Currently v3.3.7

-      

-        

-          

-          
-        

-      

+      
     

   
   

diff --git a/docs/3.3/javascript/index.html b/docs/3.3/javascript/index.html
index 2be57c06b4..911c0fadda 100644
--- a/docs/3.3/javascript/index.html
+++ b/docs/3.3/javascript/index.html
@@ -1,4 +1,4 @@
-         JavaScript · Bootstrap             
Skip to main content
 Bootstrap 4 is here!  
 
 
JavaScript
 
Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.
 
 
 
 
 
 
 
 
Overview
 
Individual or compiled
 
Plugins can be included individually (using Bootstrap's individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js).
 
 
Using the compiled JavaScript
 
Both bootstrap.js and bootstrap.min.js contain all plugins in a single file. Include only one.
 
 
 
Plugin dependencies
 
Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included before the plugin files). Consult our bower.json to see which versions of jQuery are supported.
 
 
Data attributes
 
You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.
 
That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with data-api. This looks like this:
 
$(document).off('.data-api')
 
Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:
 
$(document).off('.alert.data-api')
 
 
Only one plugin per element via data attributes
 
Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.
 
 
Programmatic API
 
We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.
 
$('.btn.danger').button('toggle').addClass('fat')
 
All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):
 
$('#myModal').modal()                      // initialized with defaults
+         JavaScript · Bootstrap             
Skip to main content
 Bootstrap 4 is here!  
 
 
JavaScript
 
Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.
  
 
 
 
 
 
 
Overview
 
Individual or compiled
 
Plugins can be included individually (using Bootstrap's individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js).
 
 
Using the compiled JavaScript
 
Both bootstrap.js and bootstrap.min.js contain all plugins in a single file. Include only one.
 
 
 
Plugin dependencies
 
Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included before the plugin files). Consult our bower.json to see which versions of jQuery are supported.
 
 
Data attributes
 
You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.
 
That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with data-api. This looks like this:
 
$(document).off('.data-api')
 
Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:
 
$(document).off('.alert.data-api')
 
 
Only one plugin per element via data attributes
 
Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.
 
 
Programmatic API
 
We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.
 
$('.btn.danger').button('toggle').addClass('fat')
 
All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):
 
$('#myModal').modal()                      // initialized with defaults
 $('#myModal').modal({ keyboard: false })   // initialized with no keyboard
 $('#myModal').modal('show')                // initializes and invokes show immediately
 
Each plugin also exposes its raw constructor on a Constructor property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel="popover"]').data('popover').
 
Default settings
 
You can change the default settings for a plugin by modifying the plugin's Constructor.DEFAULTS object:
 
$.fn.modal.Constructor.DEFAULTS.keyboard = false // changes default for the modal plugin's `keyboard` option to false
 
No conflict
 
Sometimes it is necessary to use Bootstrap plugins with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. If this happens, you may call .noConflict on the plugin you wish to revert the value of.
 
var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
 $.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the Bootstrap functionality
 
Events
 
Bootstrap provides custom events for most plugins' unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. show) is triggered at the start of an event, and its past participle form (ex. shown) is triggered on the completion of an action.
 
As of 3.0.0, all Bootstrap events are namespaced.
 
All infinitive events provide preventDefault functionality. This provides the ability to stop the execution of an action before it starts.
 
$('#myModal').on('show.bs.modal', function (e) {
diff --git a/docs/3.3/migration/index.html b/docs/3.3/migration/index.html
index abd00cef47..661d63014a 100644
--- a/docs/3.3/migration/index.html
+++ b/docs/3.3/migration/index.html
@@ -1 +1 @@
-         Migrating to v3.x · Bootstrap            
Skip to main content
 Bootstrap 4 is here!  
 
 
Migrating to v3.x
 
Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.
 
 
 
 
 
 
 
 
Migrating from 2.x to 3.0
 
Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see what's new in the v3.0 release announcement.
 
Major class changes
 
This table shows the style changes between v2.x and v3.0.
 
 
  
 Bootstrap 2.x Bootstrap 3.0 
   
 .row-fluid .row 
 
 .span* .col-md-* 
 
 .offset* .col-md-offset-* 
 
 .brand .navbar-brand 
 
 .navbar .nav .navbar-nav 
 
 .nav-collapse .navbar-collapse 
 
 .nav-toggle .navbar-toggle 
 
 .btn-navbar .navbar-btn 
 
 .hero-unit .jumbotron 
 
 .icon-* .glyphicon .glyphicon-* 
 
 .btn .btn .btn-default 
 
 .btn-mini .btn-xs 
 
 .btn-small .btn-sm 
 
 .btn-large .btn-lg 
 
 .alert .alert .alert-warning 
 
 .alert-error .alert-danger 
 
 .visible-phone .visible-xs 
 
 .visible-tablet .visible-sm 
 
 .visible-desktop Split into .visible-md .visible-lg 
 
 .hidden-phone .hidden-xs 
 
 .hidden-tablet .hidden-sm 
 
 .hidden-desktop Split into .hidden-md .hidden-lg 
 
 .input-block-level .form-control 
 
 .control-group .form-group 
 
 .control-group.warning .control-group.error .control-group.success .form-group.has-* 
 
 .checkbox.inline .radio.inline .checkbox-inline .radio-inline 
 
 .input-prepend .input-append .input-group 
 
 .add-on .input-group-addon 
 
 .img-polaroid .img-thumbnail 
 
 ul.unstyled .list-unstyled 
 
 ul.inline .list-inline 
 
 .muted .text-muted 
 
 .label .label .label-default 
 
 .label-important .label-danger 
 
 .text-error .text-danger 
 
 .table .error .table .danger 
 
 .bar .progress-bar 
 
 .bar-* .progress-bar-* 
 
 .accordion .panel-group 
 
 .accordion-group .panel .panel-default 
 
 .accordion-heading .panel-heading 
 
 .accordion-body .panel-collapse 
 
 .accordion-inner .panel-body 
  
 
 
What's new
 
We've added new elements and changed some existing ones. Here are the new or updated styles.
 
 
  
 Element Description 
   
 Panels .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse 
 
 List groups .list-group .list-group-item .list-group-item-text .list-group-item-heading 
 
 Glyphicons .glyphicon 
 
 Jumbotron .jumbotron 
 
 Extra small grid (<768px) .col-xs-* 
 
 Small grid (≥768px) .col-sm-* 
 
 Medium grid (≥992px) .col-md-* 
 
 Large grid (≥1200px) .col-lg-* 
 
 Responsive utility classes (≥1200px) .visible-lg .hidden-lg 
 
 Offsets .col-sm-offset-* .col-md-offset-* .col-lg-offset-* 
 
 Push .col-sm-push-* .col-md-push-* .col-lg-push-* 
 
 Pull .col-sm-pull-* .col-md-pull-* .col-lg-pull-* 
 
 Input height sizes .input-sm .input-lg 
 
 Input groups .input-group .input-group-addon .input-group-btn 
 
 Form controls .form-control .form-group 
 
 Button group sizes .btn-group-xs .btn-group-sm .btn-group-lg 
 
 Navbar text .navbar-text 
 
 Navbar header .navbar-header 
 
 Justified tabs / pills .nav-justified 
 
 Responsive images .img-responsive 
 
 Contextual table rows .success .danger .warning .active .info 
 
 Contextual panels .panel-success .panel-danger .panel-warning .panel-info 
 
 Modal .modal-dialog .modal-content 
 
 Thumbnail image .img-thumbnail 
 
 Well sizes .well-sm .well-lg 
 
 Alert links .alert-link 
  
 
 
What's removed
 
The following elements have been dropped or changed in v3.0.
 
 
  
 Element Removed from 2.x 3.0 Equivalent 
   
 Form actions .form-actions N/A 
 
 Search form .form-search N/A 
 
 Form group with info .control-group.info N/A 
 
 Fixed-width input sizes .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Use .form-control and the grid system instead. 
 
 Block level form input .input-block-level No direct equivalent, but forms controls are similar. 
 
 Inverse buttons .btn-inverse N/A 
 
 Fluid row .row-fluid .row (no more fixed grid) 
 
 Controls wrapper .controls N/A 
 
 Controls row .controls-row .row or .form-group 
 
 Navbar inner .navbar-inner N/A 
 
 Navbar vertical dividers .navbar .divider-vertical N/A 
 
 Dropdown submenu .dropdown-submenu N/A 
 
 Tab alignments .tabs-left .tabs-right .tabs-below N/A 
 
 Pill-based tabbable area .pill-content .tab-content 
 
 Pill-based tabbable area pane .pill-pane .tab-pane 
 
 Nav lists .nav-list .nav-header No direct equivalent, but list groups and .panel-groups are similar. 
 
 Inline help for form controls .help-inline No exact equivalent, but .help-block is similar. 
 
 Non-bar-level progress colors .progress-info .progress-success .progress-warning .progress-danger Use .progress-bar-* on the .progress-bar instead. 
  
 
 
Additional notes
 
Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach. Here's a partial list:
 
     
  • By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the .form-control class on the element to style.
    •  
  • Text-based form controls with the .form-control class applied are now 100% wide by default. Wrap inputs inside <div class="col-*"></div> to control input widths.
    •  
  • .badge no longer has contextual (-success,-primary,etc..) classes.
    •  
  • .btn must also use .btn-default to get the "default" button.
    •  
  • .row is now fluid.
    •  
  • Images are no longer responsive by default. Use .img-responsive for fluid <img> size.
    •  
  • The icons, now .glyphicon, are now font based. Icons also require a base and icon class (e.g. .glyphicon .glyphicon-asterisk).
    •  
  • Typeahead has been dropped, in favor of using Twitter Typeahead.
    •  
  • Modal markup has changed significantly. The .modal-header, .modal-body, and .modal-footer sections are now wrapped in .modal-content and .modal-dialog for better mobile styling and behavior. Also, you should no longer apply .hide to .modal in your markup.
    •  
  • As of v3.1.0, the HTML loaded by the remote modal option is now injected into the .modal-content (from v3.0.0 to v3.0.3, into the .modal) instead of into the .modal-body. This allows you to also easily vary the header and footer of the modal, not just the modal body.
    •  
  • The checkbox and radio features of the button.js plugin now both use data-toggle="buttons" instead of data-toggle="buttons-checkbox" or data-toggle="buttons-radio" in their markup.
    •  
  • JavaScript events are namespaced. For example, to handle the modal "show" event, use 'show.bs.modal'. For tabs "shown" use 'shown.bs.tab', etc.
    •  
 
For more information on upgrading to v3.0, and code snippets from the community, see Bootply.
 
 
  
 
        
\ No newline at end of file
+         Migrating to v3.x · Bootstrap            
Skip to main content
 Bootstrap 4 is here!  
 
 
Migrating to v3.x
 
Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.
  
 
 
 
 
 
 
Migrating from 2.x to 3.0
 
Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see what's new in the v3.0 release announcement.
 
Major class changes
 
This table shows the style changes between v2.x and v3.0.
 
 
  
 Bootstrap 2.x Bootstrap 3.0 
   
 .row-fluid .row 
 
 .span* .col-md-* 
 
 .offset* .col-md-offset-* 
 
 .brand .navbar-brand 
 
 .navbar .nav .navbar-nav 
 
 .nav-collapse .navbar-collapse 
 
 .nav-toggle .navbar-toggle 
 
 .btn-navbar .navbar-btn 
 
 .hero-unit .jumbotron 
 
 .icon-* .glyphicon .glyphicon-* 
 
 .btn .btn .btn-default 
 
 .btn-mini .btn-xs 
 
 .btn-small .btn-sm 
 
 .btn-large .btn-lg 
 
 .alert .alert .alert-warning 
 
 .alert-error .alert-danger 
 
 .visible-phone .visible-xs 
 
 .visible-tablet .visible-sm 
 
 .visible-desktop Split into .visible-md .visible-lg 
 
 .hidden-phone .hidden-xs 
 
 .hidden-tablet .hidden-sm 
 
 .hidden-desktop Split into .hidden-md .hidden-lg 
 
 .input-block-level .form-control 
 
 .control-group .form-group 
 
 .control-group.warning .control-group.error .control-group.success .form-group.has-* 
 
 .checkbox.inline .radio.inline .checkbox-inline .radio-inline 
 
 .input-prepend .input-append .input-group 
 
 .add-on .input-group-addon 
 
 .img-polaroid .img-thumbnail 
 
 ul.unstyled .list-unstyled 
 
 ul.inline .list-inline 
 
 .muted .text-muted 
 
 .label .label .label-default 
 
 .label-important .label-danger 
 
 .text-error .text-danger 
 
 .table .error .table .danger 
 
 .bar .progress-bar 
 
 .bar-* .progress-bar-* 
 
 .accordion .panel-group 
 
 .accordion-group .panel .panel-default 
 
 .accordion-heading .panel-heading 
 
 .accordion-body .panel-collapse 
 
 .accordion-inner .panel-body 
  
 
 
What's new
 
We've added new elements and changed some existing ones. Here are the new or updated styles.
 
 
  
 Element Description 
   
 Panels .panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse 
 
 List groups .list-group .list-group-item .list-group-item-text .list-group-item-heading 
 
 Glyphicons .glyphicon 
 
 Jumbotron .jumbotron 
 
 Extra small grid (<768px) .col-xs-* 
 
 Small grid (≥768px) .col-sm-* 
 
 Medium grid (≥992px) .col-md-* 
 
 Large grid (≥1200px) .col-lg-* 
 
 Responsive utility classes (≥1200px) .visible-lg .hidden-lg 
 
 Offsets .col-sm-offset-* .col-md-offset-* .col-lg-offset-* 
 
 Push .col-sm-push-* .col-md-push-* .col-lg-push-* 
 
 Pull .col-sm-pull-* .col-md-pull-* .col-lg-pull-* 
 
 Input height sizes .input-sm .input-lg 
 
 Input groups .input-group .input-group-addon .input-group-btn 
 
 Form controls .form-control .form-group 
 
 Button group sizes .btn-group-xs .btn-group-sm .btn-group-lg 
 
 Navbar text .navbar-text 
 
 Navbar header .navbar-header 
 
 Justified tabs / pills .nav-justified 
 
 Responsive images .img-responsive 
 
 Contextual table rows .success .danger .warning .active .info 
 
 Contextual panels .panel-success .panel-danger .panel-warning .panel-info 
 
 Modal .modal-dialog .modal-content 
 
 Thumbnail image .img-thumbnail 
 
 Well sizes .well-sm .well-lg 
 
 Alert links .alert-link 
  
 
 
What's removed
 
The following elements have been dropped or changed in v3.0.
 
 
  
 Element Removed from 2.x 3.0 Equivalent 
   
 Form actions .form-actions N/A 
 
 Search form .form-search N/A 
 
 Form group with info .control-group.info N/A 
 
 Fixed-width input sizes .input-mini .input-small .input-medium .input-large .input-xlarge .input-xxlarge Use .form-control and the grid system instead. 
 
 Block level form input .input-block-level No direct equivalent, but forms controls are similar. 
 
 Inverse buttons .btn-inverse N/A 
 
 Fluid row .row-fluid .row (no more fixed grid) 
 
 Controls wrapper .controls N/A 
 
 Controls row .controls-row .row or .form-group 
 
 Navbar inner .navbar-inner N/A 
 
 Navbar vertical dividers .navbar .divider-vertical N/A 
 
 Dropdown submenu .dropdown-submenu N/A 
 
 Tab alignments .tabs-left .tabs-right .tabs-below N/A 
 
 Pill-based tabbable area .pill-content .tab-content 
 
 Pill-based tabbable area pane .pill-pane .tab-pane 
 
 Nav lists .nav-list .nav-header No direct equivalent, but list groups and .panel-groups are similar. 
 
 Inline help for form controls .help-inline No exact equivalent, but .help-block is similar. 
 
 Non-bar-level progress colors .progress-info .progress-success .progress-warning .progress-danger Use .progress-bar-* on the .progress-bar instead. 
  
 
 
Additional notes
 
Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach. Here's a partial list:
 
     
  • By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the .form-control class on the element to style.
    •  
  • Text-based form controls with the .form-control class applied are now 100% wide by default. Wrap inputs inside <div class="col-*"></div> to control input widths.
    •  
  • .badge no longer has contextual (-success,-primary,etc..) classes.
    •  
  • .btn must also use .btn-default to get the "default" button.
    •  
  • .row is now fluid.
    •  
  • Images are no longer responsive by default. Use .img-responsive for fluid <img> size.
    •  
  • The icons, now .glyphicon, are now font based. Icons also require a base and icon class (e.g. .glyphicon .glyphicon-asterisk).
    •  
  • Typeahead has been dropped, in favor of using Twitter Typeahead.
    •  
  • Modal markup has changed significantly. The .modal-header, .modal-body, and .modal-footer sections are now wrapped in .modal-content and .modal-dialog for better mobile styling and behavior. Also, you should no longer apply .hide to .modal in your markup.
    •  
  • As of v3.1.0, the HTML loaded by the remote modal option is now injected into the .modal-content (from v3.0.0 to v3.0.3, into the .modal) instead of into the .modal-body. This allows you to also easily vary the header and footer of the modal, not just the modal body.
    •  
  • The checkbox and radio features of the button.js plugin now both use data-toggle="buttons" instead of data-toggle="buttons-checkbox" or data-toggle="buttons-radio" in their markup.
    •  
  • JavaScript events are namespaced. For example, to handle the modal "show" event, use 'show.bs.modal'. For tabs "shown" use 'shown.bs.tab', etc.
    •  
 
For more information on upgrading to v3.0, and code snippets from the community, see Bootply.
 
 
  
 
        
\ No newline at end of file
diff --git a/docs/4.0/about/brand/index.html b/docs/4.0/about/brand/index.html
index eeea89d76f..6db88badcb 100644
--- a/docs/4.0/about/brand/index.html
+++ b/docs/4.0/about/brand/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -392,7 +392,7 @@
         

           
Brand guidelines

           
Documentation and examples for Bootstrap’s logo and brand usage guidelines.

-          
+          
 
           
Have a need for Bootstrap’s brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp’s Brand Assets.

 
@@ -402,10 +402,10 @@
 
 

   

-    Bootstrap
+    Bootstrap
   

   

-    Bootstrap
+    Bootstrap
   

 

 

@@ -423,13 +423,13 @@
 
 

   

-    Bootstrap
+    Bootstrap
   

   

-    Bootstrap
+    Bootstrap
   

   

-    Bootstrap
+    Bootstrap
   

 

 
diff --git a/docs/4.0/about/history/index.html b/docs/4.0/about/history/index.html
index f2fecb8879..1721ce7a87 100644
--- a/docs/4.0/about/history/index.html
+++ b/docs/4.0/about/history/index.html
@@ -19,13 +19,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -41,7 +41,7 @@
   
   
   
-  
+  
 
 
 
@@ -51,8 +51,8 @@
   
   
 
-
-
+
+
 
 
 
@@ -167,55 +167,55 @@
               Introduction
             
 
-            
+
           
  • 
             
               Download
             
 
-            
+
           
  • 
             
               Contents
             
 
-            
+
           
  • 
             
               Browsers & devices
             
 
-            
+
           
  • 
             
               JavaScript
             
 
-            
+
           
  • 
             
               Theming
             
 
-            
+
           
  • 
             
               Build tools
             
 
-            
+
           
  • 
             
               Webpack
             
 
-            
+
           
  • 
             
               Accessibility
             
 
-            
+
           
    • 
     
    
       
@@ -227,25 +227,25 @@
               Overview
             
 
-            
+
           
  • 
             
               Grid
             
 
-            
+
           
  • 
             
               Media object
             
 
-            
+
           
  • 
             
               Utilities for layout
             
 
-            
+
           
    • 
     
    
       
@@ -257,37 +257,37 @@
               Reboot
             
 
-            
+
           
  • 
             
               Typography
             
 
-            
+
           
  • 
             
               Code
             
 
-            
+
           
  • 
             
               Images
             
 
-            
+
           
  • 
             
               Tables
             
 
-            
+
           
  • 
             
               Figures
             
 
-            
+
           
    • 
     
    
       
@@ -299,127 +299,127 @@
               Alerts
             
 
-            
+
           
  • 
             
               Badge
             
 
-            
+
           
  • 
             
               Breadcrumb
             
 
-            
+
           
  • 
             
               Buttons
             
 
-            
+
           
  • 
             
               Button group
             
 
-            
+
           
  • 
             
               Card
             
 
-            
+
           
  • 
             
               Carousel
             
 
-            
+
           
  • 
             
               Collapse
             
 
-            
+
           
  • 
             
               Dropdowns
             
 
-            
+
           
  • 
             
               Forms
             
 
-            
+
           
  • 
             
               Input group
             
 
-            
+
           
  • 
             
               Jumbotron
             
 
-            
+
           
  • 
             
               List group
             
 
-            
+
           
  • 
             
               Modal
             
 
-            
+
           
  • 
             
               Navs
             
 
-            
+
           
  • 
             
               Navbar
             
 
-            
+
           
  • 
             
               Pagination
             
 
-            
+
           
  • 
             
               Popovers
             
 
-            
+
           
  • 
             
               Progress
             
 
-            
+
           
  • 
             
               Scrollspy
             
 
-            
+
           
  • 
             
               Tooltips
             
 
-            
+
           
    • 
     
    
       
@@ -431,97 +431,97 @@
               Borders
             
 
-            
+
           
  • 
             
               Clearfix
             
 
-            
+
           
  • 
             
               Close icon
             
 
-            
+
           
  • 
             
               Colors
             
 
-            
+
           
  • 
             
               Display
             
 
-            
+
           
  • 
             
               Embed
             
 
-            
+
           
  • 
             
               Flex
             
 
-            
+
           
  • 
             
               Float
             
 
-            
+
           
  • 
             
               Image replacement
             
 
-            
+
           
  • 
             
               Position
             
 
-            
+
           
  • 
             
               Screenreaders
             
 
-            
+
           
  • 
             
               Sizing
             
 
-            
+
           
  • 
             
               Spacing
             
 
-            
+
           
  • 
             
               Text
             
 
-            
+
           
  • 
             
               Vertical align
             
 
-            
+
           
  • 
             
               Visibility
             
 
-            
+
           
    • 
     
    
       
@@ -533,7 +533,7 @@
               Icons
             
 
-            
+
           
     
    
       
@@ -551,48 +551,48 @@
               History
             
 
-            
+
           
  • 
             
               Team
             
 
-            
+
           
  • 
             
               Brand
             
 
-            
+
           
  • 
             
               License
             
 
-            
+
           
  • 
             
               Translations
             
 
-            
+
           
    • 
     
    
 
         
    
 
-        
+
 
         
    
           
    History
    
           
    A brief overview of the history of Bootstrap.
    
-          
+          
 
           
    Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.
    
 
 
    Bootstrap was created at Twitter in mid-2010 by @mdo and @fat. Prior to being an open-sourced framework, Bootstrap was known as Twitter Blueprint. A few months into development, Twitter held its first Hack Week and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.
    
 
-
    Originally released on , we’ve since had over twenty releases, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.
    
+
    Originally released on August 19, 2011, we’ve since had over twenty releases, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.
    
 
         
    
       
    
diff --git a/docs/4.0/about/license/index.html b/docs/4.0/about/license/index.html
index 3a21183c3a..d0e429b62a 100644
--- a/docs/4.0/about/license/index.html
+++ b/docs/4.0/about/license/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -383,7 +383,7 @@
         
    
           
    License FAQs
    
           
    Commonly asked questions about Bootstrap’s open source license.
    
-          
+          
 
           
    Bootstrap is released under the MIT license and is copyright 2018 Twitter. Boiled down to smaller chunks, it can be described with the following conditions.
    
 
diff --git a/docs/4.0/about/overview/index.html b/docs/4.0/about/overview/index.html
index 8ed8154eb4..6dac12918c 100644
--- a/docs/4.0/about/overview/index.html
+++ b/docs/4.0/about/overview/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -378,12 +378,12 @@
 
         
    
 
-        
+
 
         
    
           
    About
    
           
    Learn more about the team maintaining Bootstrap, how and why the project started, and how to get involved.
    
-          
+          
 
           
    Team
    
 
@@ -395,7 +395,7 @@
 
 
    Bootstrap was created at Twitter in mid-2010 by @mdo and @fat. Prior to being an open-sourced framework, Bootstrap was known as Twitter Blueprint. A few months into development, Twitter held its first Hack Week and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.
    
 
-
    Originally released on , we’ve since had over twenty releases, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.
    
+
    Originally released on August 19, 2011, we’ve since had over twenty releases, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.
    
 
 
    With Bootstrap 4, we once again rewrote the project to account for two key architectural changes: a migration to Sass and the move to CSS’s flexbox. Our intention is to help in a small way to move the web development community forward by pushing for newer CSS properties, fewer dependencies, and new technologies across more modern browsers.
    
 
diff --git a/docs/4.0/about/team/index.html b/docs/4.0/about/team/index.html
index 50a5c6b1c9..a56e71809b 100644
--- a/docs/4.0/about/team/index.html
+++ b/docs/4.0/about/team/index.html
@@ -19,13 +19,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -41,7 +41,7 @@
   
   
   
-  
+  
 
 
 
@@ -51,8 +51,8 @@
   
   
 
-
-
+
+
 
 
 
@@ -586,7 +586,7 @@
         
    
           
    Team
    
           
    An overview of the founding team and core contributors to Bootstrap.
    
-          
+          
 
           
    Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.
    
 
diff --git a/docs/4.0/about/translations/index.html b/docs/4.0/about/translations/index.html
index f9b7e08ce8..8415dcf340 100644
--- a/docs/4.0/about/translations/index.html
+++ b/docs/4.0/about/translations/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -383,7 +383,7 @@
         
    
           
    Translations
    
           
    Links to community-translated Bootstrap documentation sites.
    
-          
+          
 
           
    Community members have translated Bootstrap’s documentation into various languages. None are officially supported and they may not always be up to date.
    
 
diff --git a/docs/4.0/assets/img/favicons/browserconfig.xml b/docs/4.0/assets/img/favicons/browserconfig.xml
index c8123d6549..1d05cb810f 100644
--- a/docs/4.0/assets/img/favicons/browserconfig.xml
+++ b/docs/4.0/assets/img/favicons/browserconfig.xml
@@ -2,7 +2,7 @@
 
     
         
-            
+            
             #563d7c
         
     
diff --git a/docs/4.0/assets/img/favicons/manifest.json b/docs/4.0/assets/img/favicons/manifest.json
index fd4c6a2ba5..59b1e152e0 100644
--- a/docs/4.0/assets/img/favicons/manifest.json
+++ b/docs/4.0/assets/img/favicons/manifest.json
@@ -3,12 +3,12 @@
     "short_name": "Bootstrap",
     "icons": [
         {
-            "src": "/assets/img/favicons/android-chrome-192x192.png",
+            "src": "/docs/4.0/assets/img/favicons/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/favicons/android-chrome-512x512.png",
+            "src": "/docs/4.0/assets/img/favicons/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }
diff --git a/docs/4.0/browser-bugs/index.html b/docs/4.0/browser-bugs/index.html
index bf2b12f648..4adb595e8e 100644
--- a/docs/4.0/browser-bugs/index.html
+++ b/docs/4.0/browser-bugs/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -383,7 +383,7 @@
         
    
           
    Wall of browser bugs
    
           
    
-          
+          
 
           
    Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.
    
 
diff --git a/docs/4.0/components/alerts/index.html b/docs/4.0/components/alerts/index.html
index 9a98211c00..f27765a122 100644
--- a/docs/4.0/components/alerts/index.html
+++ b/docs/4.0/components/alerts/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -406,7 +406,7 @@
         
    
           
    Alerts
    
           
    Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
    
-          
+          
 
           
    Examples
    
 
diff --git a/docs/4.0/components/badge/index.html b/docs/4.0/components/badge/index.html
index efa246b3a5..c87c4501db 100644
--- a/docs/4.0/components/badge/index.html
+++ b/docs/4.0/components/badge/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -392,7 +392,7 @@
         
    
           
    Badges
    
           
    Documentation and examples for badges, our small count and labeling component.
    
-          
+          
 
           
    Example
    
 
diff --git a/docs/4.0/components/breadcrumb/index.html b/docs/4.0/components/breadcrumb/index.html
index feac453830..1641eb0eec 100644
--- a/docs/4.0/components/breadcrumb/index.html
+++ b/docs/4.0/components/breadcrumb/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -383,7 +383,7 @@
         
    
           
    Breadcrumb
    
           
    Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
    
-          
+          
 
           
    Overview
    
 
diff --git a/docs/4.0/components/button-group/index.html b/docs/4.0/components/button-group/index.html
index ff230e9967..145555c6aa 100644
--- a/docs/4.0/components/button-group/index.html
+++ b/docs/4.0/components/button-group/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -393,7 +393,7 @@
         
    
           
    Button group
    
           
    Group a series of buttons together on a single line with the button group, and super-power them with JavaScript.
    
-          
+          
 
           
    Basic example
    
 
diff --git a/docs/4.0/components/buttons/index.html b/docs/4.0/components/buttons/index.html
index 242a36b968..03b011fe30 100644
--- a/docs/4.0/components/buttons/index.html
+++ b/docs/4.0/components/buttons/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -401,7 +401,7 @@
         
    
           
    Buttons
    
           
    Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
    
-          
+          
 
           
    Examples
    
 
diff --git a/docs/4.0/components/card/index.html b/docs/4.0/components/card/index.html
index dabe9640b4..6fafaa2d1a 100644
--- a/docs/4.0/components/card/index.html
+++ b/docs/4.0/components/card/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -429,7 +429,7 @@
         
    
           
    Cards
    
           
    Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.
    
-          
+          
 
           
    About
    
 
diff --git a/docs/4.0/components/carousel/index.html b/docs/4.0/components/carousel/index.html
index 36e3496cdf..c36703b4ac 100644
--- a/docs/4.0/components/carousel/index.html
+++ b/docs/4.0/components/carousel/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -417,7 +417,7 @@
         
    
           
    Carousel
    
           
    A slideshow component for cycling through elements—images or slides of text—like a carousel.
    
-          
+          
 
           
    How it works
    
 
diff --git a/docs/4.0/components/collapse/index.html b/docs/4.0/components/collapse/index.html
index 3c5dd09a21..697a379dcf 100644
--- a/docs/4.0/components/collapse/index.html
+++ b/docs/4.0/components/collapse/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -410,7 +410,7 @@
         
    
           
    Collapse
    
           
    Toggle the visibility of content across your project with a few classes and our JavaScript plugins.
    
-          
+          
 
           
    Example
    
 
diff --git a/docs/4.0/components/dropdowns/index.html b/docs/4.0/components/dropdowns/index.html
index 225cc064ca..c77b13058c 100644
--- a/docs/4.0/components/dropdowns/index.html
+++ b/docs/4.0/components/dropdowns/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -416,7 +416,7 @@
         
    
           
    Dropdowns
    
           
    Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.
    
-          
+          
 
           
    Overview
    
 
@@ -428,7 +428,7 @@
 
 
    Accessibility
    
 
-
    The WAI ARIA standard defines an actual role="menu" widget, but this is specific to application-like menus which trigger actions or functions. ARIA menus can only contain menu items, checkbox menu items, radio button menu items, radio button groups, and sub-menus.
    
+
    The WAI ARIA standard defines an actual role="menu" widget, but this is specific to application-like menus which trigger actions or functions. ARIA menus can only contain menu items, checkbox menu items, radio button menu items, radio button groups, and sub-menus.
    
 
 
    Bootstrap’s dropdowns, on the other hand, are designed to be generic and applicable to a variety of situations and markup structures. For instance, it is possible to create dropdowns that contain additional inputs and form controls, such as search fields or login forms. For this reason, Bootstrap does not expect (nor automatically add) any of the role and aria- attributes required for true ARIA menus. Authors will have to include these more specific attributes themselves.
    
 
diff --git a/docs/4.0/components/forms/index.html b/docs/4.0/components/forms/index.html
index 8b8cb9561f..cc03d66edd 100644
--- a/docs/4.0/components/forms/index.html
+++ b/docs/4.0/components/forms/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -451,7 +451,7 @@
         
    
           
    Forms
    
           
    Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.
    
-          
+          
 
           
    Overview
    
 
diff --git a/docs/4.0/components/input-group/index.html b/docs/4.0/components/input-group/index.html
index 08ef93208d..ac2f46a707 100644
--- a/docs/4.0/components/input-group/index.html
+++ b/docs/4.0/components/input-group/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -403,7 +403,7 @@
         
    
           
    Input group
    
           
    Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.
    
-          
+          
 
           
    Basic example
    
 
diff --git a/docs/4.0/components/jumbotron/index.html b/docs/4.0/components/jumbotron/index.html
index dbd0440b4d..91ec67d59b 100644
--- a/docs/4.0/components/jumbotron/index.html
+++ b/docs/4.0/components/jumbotron/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -383,7 +383,7 @@
         
    
           
    Jumbotron
    
           
    Lightweight, flexible component for showcasing hero unit style content.
    
-          
+          
 
           
    A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
    
 
diff --git a/docs/4.0/components/list-group/index.html b/docs/4.0/components/list-group/index.html
index 7060628f6d..0b631acedd 100644
--- a/docs/4.0/components/list-group/index.html
+++ b/docs/4.0/components/list-group/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -410,7 +410,7 @@
         
    
           
    List group
    
           
    List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.
    
-          
+          
 
           
    Basic example
    
 
diff --git a/docs/4.0/components/modal/index.html b/docs/4.0/components/modal/index.html
index 7460def7c9..ef270f31c5 100644
--- a/docs/4.0/components/modal/index.html
+++ b/docs/4.0/components/modal/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -429,7 +429,7 @@
         
    
           
    Modal
    
           
    Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
    
-          
+          
 
           
    How it works
    
 
diff --git a/docs/4.0/components/navbar/index.html b/docs/4.0/components/navbar/index.html
index 25baecda6e..a6b2874c02 100644
--- a/docs/4.0/components/navbar/index.html
+++ b/docs/4.0/components/navbar/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -410,7 +410,7 @@
         
    
           
    Navbar
    
           
    Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.
    
-          
+          
 
           
    How it works
    
 
@@ -555,7 +555,7 @@
 
    <!-- Just an image -->
 <nav class="navbar navbar-light bg-light">
   <a class="navbar-brand" href="#">
-    <img src="/assets/brand/bootstrap-solid.svg" width="30" height="30" alt="">
+    <img src="/docs/4.0/assets/brand/bootstrap-solid.svg" width="30" height="30" alt="">
   </a>
 </nav>
    
 
@@ -571,7 +571,7 @@
 
    <!-- Image and text -->
 <nav class="navbar navbar-light bg-light">
   <a class="navbar-brand" href="#">
-    <img src="/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
+    <img src="/docs/4.0/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
     Bootstrap
   </a>
 </nav>
    
diff --git a/docs/4.0/components/navs/index.html b/docs/4.0/components/navs/index.html
index 20f5eb2596..a55db3baa7 100644
--- a/docs/4.0/components/navs/index.html
+++ b/docs/4.0/components/navs/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -422,7 +422,7 @@
         
    
           
    Navs
    
           
    Documentation and examples for how to use Bootstrap’s included navigation components.
    
-          
+          
 
           
    Base nav
    
 
diff --git a/docs/4.0/components/pagination/index.html b/docs/4.0/components/pagination/index.html
index 48c5dd6785..b614d50977 100644
--- a/docs/4.0/components/pagination/index.html
+++ b/docs/4.0/components/pagination/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -393,7 +393,7 @@
         
    
           
    Pagination
    
           
    Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
    
-          
+          
 
           
    Overview
    
 
diff --git a/docs/4.0/components/popovers/index.html b/docs/4.0/components/popovers/index.html
index a5407a3148..89eae03d78 100644
--- a/docs/4.0/components/popovers/index.html
+++ b/docs/4.0/components/popovers/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -426,7 +426,7 @@
         
    
           
    Popovers
    
           
    Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.
    
-          
+          
 
           
    Overview
    
 
diff --git a/docs/4.0/components/progress/index.html b/docs/4.0/components/progress/index.html
index 158bd0db09..3a1b286957 100644
--- a/docs/4.0/components/progress/index.html
+++ b/docs/4.0/components/progress/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -395,7 +395,7 @@
         
    
           
    Progress
    
           
    Documentation and examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.
    
-          
+          
 
           
    How it works
    
 
diff --git a/docs/4.0/components/scrollspy/index.html b/docs/4.0/components/scrollspy/index.html
index d58cf4a564..ccb201d0f0 100644
--- a/docs/4.0/components/scrollspy/index.html
+++ b/docs/4.0/components/scrollspy/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -432,7 +432,7 @@
         
    
           
    Scrollspy
    
           
    Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
    
-          
+          
 
           
    How it works
    
 
diff --git a/docs/4.0/components/tooltips/index.html b/docs/4.0/components/tooltips/index.html
index 464b3f2562..4a9d791e4b 100644
--- a/docs/4.0/components/tooltips/index.html
+++ b/docs/4.0/components/tooltips/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -417,7 +417,7 @@
         
    
           
    Tooltips
    
           
    Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage.
    
-          
+          
 
           
    Overview
    
 
diff --git a/docs/4.0/content/code/index.html b/docs/4.0/content/code/index.html
index 6d1c91e533..93588f9aeb 100644
--- a/docs/4.0/content/code/index.html
+++ b/docs/4.0/content/code/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -393,7 +393,7 @@
         
    
           
    Code
    
           
    Documentation and examples for displaying inline and multiline blocks of code with Bootstrap.
    
-          
+          
 
           
    Inline code
    
 
diff --git a/docs/4.0/content/figures/index.html b/docs/4.0/content/figures/index.html
index a38b76f502..511cb364f9 100644
--- a/docs/4.0/content/figures/index.html
+++ b/docs/4.0/content/figures/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -383,7 +383,7 @@
         
    
           
    Figures
    
           
    Documentation and examples for displaying related images and text with the figure component in Bootstrap.
    
-          
+          
 
           
    Anytime you need to display a piece of content—like an image with an optional caption, consider using a <figure>.
    
 
diff --git a/docs/4.0/content/images/index.html b/docs/4.0/content/images/index.html
index 57cfa4b969..3978625afd 100644
--- a/docs/4.0/content/images/index.html
+++ b/docs/4.0/content/images/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -392,7 +392,7 @@
         
    
           
    Images
    
           
    Documentation and examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.
    
-          
+          
 
           
    Responsive images
    
 
diff --git a/docs/4.0/content/reboot/index.html b/docs/4.0/content/reboot/index.html
index e4c412c699..cc6bc841b9 100644
--- a/docs/4.0/content/reboot/index.html
+++ b/docs/4.0/content/reboot/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -405,7 +405,7 @@
         
    
           
    Reboot
    
           
    Reboot, a collection of element-specific CSS changes in a single file, kickstart Bootstrap to provide an elegant, consistent, and simple baseline to build upon.
    
-          
+          
 
           
    Approach
    
 
diff --git a/docs/4.0/content/tables/index.html b/docs/4.0/content/tables/index.html
index 14e9b3032e..a1e1605821 100644
--- a/docs/4.0/content/tables/index.html
+++ b/docs/4.0/content/tables/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -402,7 +402,7 @@
         
    
           
    Tables
    
           
    Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.
    
-          
+          
 
           
    Examples
    
 
diff --git a/docs/4.0/content/typography/index.html b/docs/4.0/content/typography/index.html
index c057aa2a0f..6c95660d40 100644
--- a/docs/4.0/content/typography/index.html
+++ b/docs/4.0/content/typography/index.html
@@ -21,13 +21,13 @@
 
 
 
-
-
-
-
-
+
+
+
+
+
 
-
+
 
 
 
@@ -37,15 +37,15 @@
 
 
 
-
+
 
 
 
 
 
 
-
-
+
+
 
 
 
@@ -413,7 +413,7 @@
         
    
           
    Typography
    
           
    Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.
    
-          
+          
 
           
    Global settings
    
 
diff --git a/docs/4.0/examples/checkout/index.html b/docs/4.0/examples/checkout/index.html
index a59e45ac37..4f0d78400a 100644
--- a/docs/4.0/examples/checkout/index.html
+++ b/docs/4.0/examples/checkout/index.html
@@ -20,7 +20,7 @@
 
     
    
       
    
-        
+        
         
    Checkout form
    
         
    Below is an example form built entirely with Bootstrap's form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.
    
       
    
diff --git a/docs/4.0/examples/floating-labels/index.html b/docs/4.0/examples/floating-labels/index.html
index 254b5fa5be..9b38cbbb17 100644
--- a/docs/4.0/examples/floating-labels/index.html
+++ b/docs/4.0/examples/floating-labels/index.html
@@ -19,7 +19,7 @@
   
     
    
-  
+  
 
 
 
diff --git a/docs/4.0/examples/offcanvas/index.html b/docs/4.0/examples/offcanvas/index.html
index 2f7da5c7c3..f45511c16c 100644
--- a/docs/4.0/examples/offcanvas/index.html
+++ b/docs/4.0/examples/offcanvas/index.html
@@ -73,7 +73,7 @@
 
     
    
       
    
-        
+        
         
    
           
    Bootstrap
    
           Since 2011
diff --git a/docs/4.0/examples/pricing/index.html b/docs/4.0/examples/pricing/index.html
index 7aebeb95a2..876cf689e7 100644
--- a/docs/4.0/examples/pricing/index.html
+++ b/docs/4.0/examples/pricing/index.html
@@ -86,7 +86,7 @@