rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
Code Issues Actions Packages Releases Activity

Merge branch 'v4' into v4_builds

Browse Source
This commit is contained in:
Mark Otto 2015-06-19 16:26:33 -07:00
commit bc29c016b7
131 changed files with 3875 additions and 2293 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
CONTRIBUTING.md
View File

@ -19,7 +19,7 @@ and [submitting pull requests](#pull-requests), but please respect the following
restrictions:
* Please **do not** use the issue tracker for personal support requests. Stack
Overflow ([`twitter-bootstrap-3`](http://stackoverflow.com/questions/tagged/twitter-bootstrap-3) tag) or [IRC](README.md#community) are better places to get help.
Overflow ([`twitter-bootstrap-3`](https://stackoverflow.com/questions/tagged/twitter-bootstrap-3) tag), [Slack](https://bootstrap-slack.herokuapp.com/) or [IRC](README.md#community) are better places to get help.
* Please **do not** derail or troll issues. Keep the discussion on topic and
respect the opinions of others.
@ -65,7 +65,7 @@ Guidelines for bug reports:
latest `master` or development branch in the repository.
3. **Isolate the problem** — ideally create a [reduced test
case](http://css-tricks.com/6263-reduced-test-cases/) and a live example.
case](https://css-tricks.com/reduced-test-cases/) and a live example.
[This JS Bin](http://jsbin.com/lefey/1/edit?html,output) is a helpful template.
@ -148,7 +148,7 @@ documentation source files and is managed separately by the Bootstrap Core Team.
Adhering to the following process is the best way to get your work
included in the project:
1. [Fork](http://help.github.com/fork-a-repo/) the project, clone your fork,
1. [Fork](https://help.github.com/fork-a-repo/) the project, clone your fork,
and configure the remotes:
```bash

12
Gruntfile.js
View File

@ -205,11 +205,11 @@ module.exports = function (grunt) {
// CSS build configuration
scsslint: {
scss: ['scss/*.scss', '!scss/_normalize.scss'],
options: {
config: 'scss/.scss-lint.yml',
reporterOutput: 'scss-lint-report.xml'
}
config: 'scss/.scsslint.yml',
reporterOutput: null
},
src: ['scss/*.scss', '!scss/_normalize.scss']
},
postcss: {
@ -460,7 +460,7 @@ module.exports = function (grunt) {
// JS distribution task.
grunt.registerTask('dist-js', ['concat', 'lineremover', 'babel:dist', 'stamp', 'uglify:core', 'commonjs']);
grunt.registerTask('test-scss', ['scsslint:scss']);
grunt.registerTask('test-scss', ['scsslint']);
// CSS distribution task.
// Supported Compilers: sass (Ruby) and libsass.
@ -498,7 +498,7 @@ module.exports = function (grunt) {
grunt.registerTask('lint-docs-js', ['jscs:assets']);
grunt.registerTask('docs', ['docs-css', 'docs-js', 'lint-docs-js', 'clean:docs', 'copy:docs']);
grunt.registerTask('docs-github', ['jekyll:github']);
grunt.registerTask('prep-release', ['dist', 'docs', 'jekyll:github', 'htmlmin', 'compress']);
// Task for updating the cached npm packages used by the Travis build (which are controlled by test-infra/npm-shrinkwrap.json).
// This task should be run and the updated file should be committed whenever Bootstrap's dependencies change.

22
README.md
View File

@ -1,9 +1,11 @@
# [Bootstrap](http://getbootstrap.com)
![Bower version](https://img.shields.io/bower/v/bootstrap.svg?style=flat)
[![npm version](https://img.shields.io/npm/v/bootstrap.svg?style=flat)](https://www.npmjs.com/package/bootstrap)
[![Gem version](https://img.shields.io/gem/v/bootstrap.svg?style=flat)](https://rubygems.org/gems/bootstrap)
[![Build Status](https://img.shields.io/travis/twbs/bootstrap/master.svg?style=flat)](https://travis-ci.org/twbs/bootstrap)
[![devDependency Status](https://img.shields.io/david/dev/twbs/bootstrap.svg?style=flat)](https://david-dm.org/twbs/bootstrap#info=devDependencies)
[![Slack](https://bootstrap-slack.herokuapp.com/badge.svg)](https://bootstrap-slack.herokuapp.com)
![Bower version](https://img.shields.io/bower/v/bootstrap.svg)
[![npm version](https://img.shields.io/npm/v/bootstrap.svg)](https://www.npmjs.com/package/bootstrap)
[![Gem version](https://img.shields.io/gem/v/bootstrap.svg)](https://rubygems.org/gems/bootstrap)
[![Build Status](https://img.shields.io/travis/twbs/bootstrap/master.svg)](https://travis-ci.org/twbs/bootstrap)
[![devDependency Status](https://img.shields.io/david/dev/twbs/bootstrap.svg)](https://david-dm.org/twbs/bootstrap#info=devDependencies)
[![Selenium Test Status](https://saucelabs.com/browser-matrix/bootstrap.svg)](https://saucelabs.com/u/bootstrap)
Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thornton](https://twitter.com/fat), and maintained by the [core team](https://github.com/orgs/twbs/people) with the massive support and involvement of the community.
@ -25,7 +27,7 @@ To get started, check out <http://getbootstrap.com>!
Several quick start options are available:
- [Download the latest release](https://github.com/twbs/bootstrap/archive/v3.3.4.zip).
- [Download the latest release](https://github.com/twbs/bootstrap/archive/v3.3.5.zip).
- Clone the repo: `git clone https://github.com/twbs/bootstrap.git`.
- Install with [Bower](http://bower.io): `bower install bootstrap`.
- Install with [npm](https://www.npmjs.com): `npm install bootstrap`.
@ -49,8 +51,7 @@ bootstrap/
└── bootstrap.min.js
```
We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). CSS [source maps](https://developers.google.com/chrome-developer-tools/docs/css-preprocessors) (`bootstrap.*.map`) are available for use with certain browsers' developer tools.
We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). CSS [source maps](https://developer.chrome.com/devtools/docs/css-preprocessors) (`bootstrap.*.map`) are available for use with certain browsers' developer tools.
## Bugs and feature requests
@ -92,12 +93,13 @@ Editor preferences are available in the [editor config](https://github.com/twbs/
## Community
Keep track of development and community news.
Get updates on Bootstrap's development and chat with the project maintainers and community members.
- Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap).
- Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com).
- Join [the official Slack room](https://bootstrap-slack.herokuapp.com).
- Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##bootstrap` channel.
- Implementation help may be found at Stack Overflow (tagged [`twitter-bootstrap-3`](http://stackoverflow.com/questions/tagged/twitter-bootstrap-3)).
- Implementation help may be found at Stack Overflow (tagged [`twitter-bootstrap-3`](https://stackoverflow.com/questions/tagged/twitter-bootstrap-3)).
- Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability.

18
_config.yml
View File

@ -24,20 +24,14 @@ repo: https://github.com/twbs/bootstrap
sass_repo: https://github.com/twbs/bootstrap-sass
download:
source: https://github.com/twbs/bootstrap/archive/v3.3.4.zip
dist: https://github.com/twbs/bootstrap/releases/download/v3.3.4/bootstrap-3.3.4-dist.zip
sass: https://github.com/twbs/bootstrap-sass/archive/v3.3.4.tar.gz
source: https://github.com/twbs/bootstrap/archive/v3.3.5.zip
dist: https://github.com/twbs/bootstrap/releases/download/v3.3.5/bootstrap-3.3.5-dist.zip
sass: https://github.com/twbs/bootstrap-sass/archive/v3.3.5.tar.gz
blog: http://blog.getbootstrap.com
expo: http://expo.getbootstrap.com
cdn:
css: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css
js: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js
jquery: //code.jquery.com/jquery-2.1.1.min.js
bug:
firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=
webkit: https://bugs.webkit.org/show_bug.cgi?id=
chrome: https://code.google.com/p/chromium/issues/detail?id=
github: https://github.com/twbs/bootstrap/issues/
css: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css
css_theme: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css
js: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js

4
bower.json
View File

@ -1,7 +1,6 @@
{
"name": "bootstrap",
"description": "The most popular front-end framework for developing responsive, mobile first projects on the web.",
"version": "3.3.4",
"keywords": [
"css",
"js",
@ -13,9 +12,10 @@
"web"
],
"homepage": "http://getbootstrap.com",
"license": "MIT",
"moduleType": "globals",
"main": [
"scss/bootstrap.scss",
"dist/css/bootstrap.css",
"dist/js/bootstrap.js"
],
"ignore": [

157
dist/css/bootstrap-flex.css vendored
View File

@ -4,7 +4,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
@ -2276,6 +2276,10 @@ pre code {
.form-control:not(select[multiple]) {
height: 2.625rem;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
border-color: #66afe9;
outline: none;
@ -2317,6 +2321,35 @@ pre code {
margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 2.625rem;
}
input[type="date"].input-sm,
.input-group-sm input[type="date"].form-control,
input[type="time"].input-sm,
.input-group-sm input[type="time"].form-control,
input[type="datetime-local"].input-sm,
.input-group-sm input[type="datetime-local"].form-control,
input[type="month"].input-sm,
.input-group-sm input[type="month"].form-control {
line-height: 2rem;
}
input[type="date"].input-lg,
.input-group-lg input[type="date"].form-control,
input[type="time"].input-lg,
.input-group-lg input[type="time"].form-control,
input[type="datetime-local"].input-lg,
.input-group-lg input[type="datetime-local"].form-control,
input[type="month"].input-lg,
.input-group-lg input[type="month"].form-control {
line-height: 3.291667rem;
}
}
.form-control-static {
min-height: 2.625rem;
padding-top: .5625rem;
@ -3536,6 +3569,7 @@ input[type="button"].btn-block {
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
@ -4323,8 +4357,8 @@ input[type="button"].btn-block {
flex-flow: row wrap;
}
.card-deck .card {
margin-right: .625rem;
margin-left: .625rem;
margin-right: .625rem;
margin-left: .625rem;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
@ -4474,6 +4508,7 @@ input[type="button"].btn-block {
.pagination-lg > li > span {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.333333;
}
.pagination-lg > li:first-child > a,
@ -4492,6 +4527,7 @@ input[type="button"].btn-block {
.pagination-sm > li > span {
padding: .3rem .75rem;
font-size: .85rem;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
@ -4647,6 +4683,7 @@ a.label:hover {
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #818a91;
border-radius: 2em;
}
@ -4992,6 +5029,9 @@ a.badge:hover {
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right {
padding-left: 10px;
@ -5039,14 +5079,18 @@ a.badge:hover {
border-radius: 0;
}
a.list-group-item {
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover {
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
@ -5100,20 +5144,27 @@ a.list-group-item:focus,
background-color: #dff0d8;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #3c763d;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
@ -5124,20 +5175,27 @@ a.list-group-item-state.active,
background-color: #d9edf7;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #31708f;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f;
@ -5148,20 +5206,27 @@ a.list-group-item-state.active,
background-color: #fcf8e3;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #8a6d3b;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
@ -5172,20 +5237,27 @@ a.list-group-item-state.active,
background-color: #f2dede;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #a94442;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442;
@ -5222,6 +5294,10 @@ a.list-group-item-state.active,
border: 0;
}
.embed-responsive-21by9 {
padding-bottom: 42.857143%;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
@ -5395,9 +5471,22 @@ button.close {
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .85rem;
font-style: normal;
font-weight: normal;
line-height: 1.4;
opacity: 0;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
opacity: 0;
line-break: auto;
}
.tooltip.in {
opacity: .9;
@ -5460,7 +5549,6 @@ button.close {
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: .25rem;
}
@ -5482,16 +5570,27 @@ button.close {
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-size: .85rem;
font-style: normal;
font-weight: normal;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
border-radius: .3rem;
line-break: auto;
}
.popover.popover-top,
.popover.bs-tether-element-attached-bottom {
@ -5634,8 +5733,8 @@ button.close {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .carousel-item.next,
.carousel-inner > .carousel-item.active.right {

2
dist/css/bootstrap-flex.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/bootstrap-flex.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/bootstrap-reboot.css vendored
View File

@ -4,7 +4,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;

2
dist/css/bootstrap-reboot.css.map vendored
View File

@ -1 +1 @@
{"version":3,"sources":["../../scss/_normalize.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_hover.scss","../../scss/mixins/_tab-focus.scss"],"names":[],"mappings":"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","file":"bootstrap-reboot.css"}
{"version":3,"sources":["../../scss/_normalize.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_hover.scss","../../scss/mixins/_tab-focus.scss"],"names":[],"mappings":"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","file":"bootstrap-reboot.css"}

2
dist/css/bootstrap-reboot.min.css vendored
View File

@ -2,4 +2,4 @@
* Bootstrap v4.0.0-alpha (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */a,table{background-color:transparent}address,dl,ol,p,ul{margin-bottom:1rem}b,dt,optgroup,strong{font-weight:700}pre,textarea{overflow:auto}caption,th{text-align:left}fieldset,legend,td,th{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,legend,main,menu,nav,section,summary{display:block}label,output{display:inline-block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#0275d8;text-decoration:none}a:active,a:hover{outline:0}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}address,legend{line-height:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical}table{border-spacing:0;border-collapse:collapse}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;-webkit-tap-highlight-color:transparent}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}@viewport{width:device-width}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#373a3c;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}dl,ol,p,ul{margin-top:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #818a91}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dd,label,legend{margin-bottom:.5rem}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}pre{margin-top:0;margin-bottom:1rem}[role=button]{cursor:pointer}caption{padding-top:.75rem;padding-bottom:.75rem;color:#818a91;caption-side:bottom}button,input,select,textarea{margin:0;line-height:inherit}fieldset{min-width:0;margin:0;border:0}legend{border:0;width:100%;font-size:1.5rem}
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */a,table{background-color:transparent}address,dl,ol,p,ul{margin-bottom:1rem}b,dt,optgroup,strong{font-weight:700}pre,textarea{overflow:auto}caption,th{text-align:left}fieldset,legend,td,th{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,legend,main,menu,nav,section,summary{display:block}label,output{display:inline-block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#0275d8;text-decoration:none}a:active,a:hover{outline:0}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}address,legend{line-height:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical}table{border-spacing:0;border-collapse:collapse}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;-webkit-tap-highlight-color:transparent}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}@viewport{width:device-width}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#373a3c;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}dl,ol,p,ul{margin-top:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #818a91}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dd,label,legend{margin-bottom:.5rem}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}pre{margin-top:0;margin-bottom:1rem}[role=button]{cursor:pointer}caption{padding-top:.75rem;padding-bottom:.75rem;color:#818a91;caption-side:bottom}button,input,select,textarea{margin:0;line-height:inherit}fieldset{min-width:0;margin:0;border:0}legend{border:0;width:100%;font-size:1.5rem}

153
dist/css/bootstrap.css
View File

@ -4,7 +4,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
@ -1843,6 +1843,10 @@ pre code {
.form-control:not(select[multiple]) {
height: 2.625rem;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
border-color: #66afe9;
outline: none;
@ -1884,6 +1888,35 @@ pre code {
margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 2.625rem;
}
input[type="date"].input-sm,
.input-group-sm input[type="date"].form-control,
input[type="time"].input-sm,
.input-group-sm input[type="time"].form-control,
input[type="datetime-local"].input-sm,
.input-group-sm input[type="datetime-local"].form-control,
input[type="month"].input-sm,
.input-group-sm input[type="month"].form-control {
line-height: 2rem;
}
input[type="date"].input-lg,
.input-group-lg input[type="date"].form-control,
input[type="time"].input-lg,
.input-group-lg input[type="time"].form-control,
input[type="datetime-local"].input-lg,
.input-group-lg input[type="datetime-local"].form-control,
input[type="month"].input-lg,
.input-group-lg input[type="month"].form-control {
line-height: 3.291667rem;
}
}
.form-control-static {
min-height: 2.625rem;
padding-top: .5625rem;
@ -3104,6 +3137,7 @@ input[type="button"].btn-block {
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
@ -4029,6 +4063,7 @@ input[type="button"].btn-block {
.pagination-lg > li > span {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.333333;
}
.pagination-lg > li:first-child > a,
@ -4047,6 +4082,7 @@ input[type="button"].btn-block {
.pagination-sm > li > span {
padding: .3rem .75rem;
font-size: .85rem;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
@ -4202,6 +4238,7 @@ a.label:hover {
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #818a91;
border-radius: 2em;
}
@ -4564,6 +4601,9 @@ a.badge:hover {
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right {
padding-left: 10px;
@ -4611,14 +4651,18 @@ a.badge:hover {
border-radius: 0;
}
a.list-group-item {
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover {
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
@ -4672,20 +4716,27 @@ a.list-group-item:focus,
background-color: #dff0d8;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #3c763d;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
@ -4696,20 +4747,27 @@ a.list-group-item-state.active,
background-color: #d9edf7;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #31708f;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f;
@ -4720,20 +4778,27 @@ a.list-group-item-state.active,
background-color: #fcf8e3;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #8a6d3b;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
@ -4744,20 +4809,27 @@ a.list-group-item-state.active,
background-color: #f2dede;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #a94442;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442;
@ -4794,6 +4866,10 @@ a.list-group-item-state.active,
border: 0;
}
.embed-responsive-21by9 {
padding-bottom: 42.857143%;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
@ -4967,9 +5043,22 @@ button.close {
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .85rem;
font-style: normal;
font-weight: normal;
line-height: 1.4;
opacity: 0;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
opacity: 0;
line-break: auto;
}
.tooltip.in {
opacity: .9;
@ -5032,7 +5121,6 @@ button.close {
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: .25rem;
}
@ -5054,16 +5142,27 @@ button.close {
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-size: .85rem;
font-style: normal;
font-weight: normal;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
border-radius: .3rem;
line-break: auto;
}
.popover.popover-top,
.popover.bs-tether-element-attached-bottom {
@ -5206,8 +5305,8 @@ button.close {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .carousel-item.next,
.carousel-inner > .carousel-item.active.right {

2
dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

264
dist/js/bootstrap.js
View File

@ -294,14 +294,6 @@ var Alert = (function ($) {
$(element).detach().trigger(Event.CLOSED).remove();
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -332,6 +324,14 @@ var Alert = (function ($) {
alertInstance.close(this);
};
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Alert;
@ -461,14 +461,6 @@ var Button = (function ($) {
this._element = null;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -487,6 +479,14 @@ var Button = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Button;
@ -880,19 +880,6 @@ var Carousel = (function ($) {
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -953,6 +940,19 @@ var Carousel = (function ($) {
event.preventDefault();
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Carousel;
@ -1263,19 +1263,6 @@ var Collapse = (function ($) {
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_getTargetFromElement',
// static
@ -1306,6 +1293,19 @@ var Collapse = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Collapse;
@ -1468,14 +1468,6 @@ var Dropdown = (function ($) {
$(this._element).on(Event.CLICK, this.toggle);
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -1588,6 +1580,14 @@ var Dropdown = (function ($) {
items[index].focus();
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Dropdown;
@ -2049,19 +2049,6 @@ var Modal = (function ($) {
return scrollbarWidth;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -2083,6 +2070,19 @@ var Modal = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Modal;
@ -2383,19 +2383,6 @@ var ScrollSpy = (function ($) {
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -2415,6 +2402,19 @@ var ScrollSpy = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return ScrollSpy;
@ -2659,14 +2659,6 @@ var Tab = (function ($) {
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -2686,6 +2678,14 @@ var Tab = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Tab;
@ -3224,6 +3224,30 @@ var Tooltip = (function ($) {
return config;
}
}], [{
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}, {
key: 'VERSION',
// getters
@ -3261,30 +3285,6 @@ var Tooltip = (function ($) {
get: function () {
return DefaultType;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Tooltip;
@ -3420,6 +3420,30 @@ var Popover = (function ($) {
return this.element.getAttribute('data-content') || (typeof this.config.content == 'function' ? this.config.content.call(this.element) : this.config.content);
}
}], [{
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Popover(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}, {
key: 'VERSION',
// getters
@ -3457,30 +3481,6 @@ var Popover = (function ($) {
get: function () {
return DefaultType;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Popover(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Popover;

4
dist/js/bootstrap.min.js vendored
View File

File diff suppressed because one or more lines are too long

18
dist/js/umd/alert.js vendored
View File

@ -140,14 +140,6 @@
$(element).detach().trigger(Event.CLOSED).remove();
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -178,6 +170,14 @@
alertInstance.close(this);
};
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Alert;
@ -208,4 +208,4 @@
})(jQuery);
module.exports = Alert;
});
});

18
dist/js/umd/button.js vendored
View File

@ -117,14 +117,6 @@
this._element = null;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -143,6 +135,14 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Button;
@ -186,4 +186,4 @@
})(jQuery);
module.exports = Button;
});
});

28
dist/js/umd/carousel.js vendored
View File

@ -372,19 +372,6 @@
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -445,6 +432,19 @@
event.preventDefault();
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Carousel;
@ -482,4 +482,4 @@
})(jQuery);
module.exports = Carousel;
});
});

28
dist/js/umd/collapse.js vendored
View File

@ -295,19 +295,6 @@
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_getTargetFromElement',
// static
@ -338,6 +325,19 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Collapse;
@ -377,4 +377,4 @@
})(jQuery);
module.exports = Collapse;
});
});

18
dist/js/umd/dropdown.js vendored
View File

@ -145,14 +145,6 @@
$(this._element).on(Event.CLICK, this.toggle);
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -265,6 +257,14 @@
items[index].focus();
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Dropdown;
@ -297,4 +297,4 @@
})(jQuery);
module.exports = Dropdown;
});
});

28
dist/js/umd/modal.js vendored
View File

@ -451,19 +451,6 @@
return scrollbarWidth;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -485,6 +472,19 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Modal;
@ -545,4 +545,4 @@
})(jQuery);
module.exports = Modal;
});
});

50
dist/js/umd/popover.js vendored
View File

@ -137,6 +137,30 @@
return this.element.getAttribute('data-content') || (typeof this.config.content == 'function' ? this.config.content.call(this.element) : this.config.content);
}
}], [{
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Popover(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}, {
key: 'VERSION',
// getters
@ -174,30 +198,6 @@
get: function () {
return DefaultType;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Popover(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Popover;
@ -220,4 +220,4 @@
})(jQuery);
module.exports = Popover;
});
});

28
dist/js/umd/scrollspy.js vendored
View File

@ -262,19 +262,6 @@
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -294,6 +281,19 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return ScrollSpy;
@ -331,4 +331,4 @@
})(jQuery);
module.exports = ScrollSpy;
});
});

18
dist/js/umd/tab.js vendored
View File

@ -229,14 +229,6 @@
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -256,6 +248,14 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Tab;
@ -289,4 +289,4 @@
})(jQuery);
module.exports = Tab;
});
});

50
dist/js/umd/tooltip.js vendored
View File

@ -527,6 +527,30 @@
return config;
}
}], [{
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}, {
key: 'VERSION',
// getters
@ -564,30 +588,6 @@
get: function () {
return DefaultType;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Tooltip;
@ -610,4 +610,4 @@
})(jQuery);
module.exports = Tooltip;
});
});

2
dist/js/umd/util.js vendored
View File

@ -163,4 +163,4 @@
})(jQuery);
module.exports = Util;
});
});

50
docs/_data/browser-bugs.yml
View File

@ -88,6 +88,16 @@
origin: >
Bootstrap#15832
-
browser: >
Chrome
summary: >
Focus ring of image map within a modal is displayed in the wrong location.
upstream_bug: >
Chromium#475128
origin: >
Bootstrap#16180
-
browser: >
Chrome
@ -128,6 +138,16 @@
origin: >
Bootstrap#16022
-
browser: >
Chrome
summary: >
`width: 1%` on nested table cell causes its table to hog horizontal space.
upstream_bug: >
Chromium#427994
origin: >
Bootstrap#16372
-
browser: >
Chrome (Windows & Linux)
@ -138,6 +158,16 @@
origin: >
Bootstrap#15298
-
browser: >
Safari
summary: >
`width: 1%` on nested table cell causes its table to hog horizontal space.
upstream_bug: >
WebKit#144696, Safari#20839572
origin: >
Bootstrap#16372
-
browser: >
Safari (OS X)
@ -200,6 +230,26 @@
origin: >
Bootstrap#15832
-
browser: >
Safari (OS X)
summary: >
Focus ring of image map within a modal is displayed in the wrong location.
upstream_bug: >
WebKit#143527
origin: >
Bootstrap#16180
-
browser: >
Safari (OS X)
summary: >
Unnecessary line-wrapping of `.navbar-brand` text for no apparent reason
upstream_bug: >
WebKit#144990, Safari#20950962
origin: >
Bootstrap#15998
-
browser: >
Safari (iOS)

2
docs/_data/translations.yml
View File

@ -26,7 +26,7 @@
- name: Korean
code: ko
description: Bootstrap 한국어
url: http://bootstrapk.com/BS3/
url: http://bootstrapk.com/
- name: Russian
code: ru

2
docs/_includes/footer.html
View File

@ -35,7 +35,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
{% if site.github %}
<script src="{{ site.baseurl }}/dist/js/bootstrap.min.js"></script>

4
docs/_includes/social-buttons.html
View File

@ -1,10 +1,10 @@
<div class="bd-social">
<ul class="bd-social-buttons">
<li>
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=watch&amp;count=true" width="100" height="20" title="Star on GitHub"></iframe>
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=watch&amp;count=true" width="100" height="20" title="Star on GitHub"></iframe>
</li>
<li>
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=fork&amp;count=true" width="102" height="20" title="Fork on GitHub"></iframe>
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=fork&amp;count=true" width="102" height="20" title="Fork on GitHub"></iframe>
</li>
<li class="follow-btn">
<a href="https://twitter.com/getbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @getbootstrap</a>

4
docs/about/team.md
View File

@ -8,9 +8,9 @@ Bootstrap is maintained by the founding team and a small group of invaluable cor
<div class="list-group bd-team">
{% for member in site.data.core-team %}
<div class="list-group-item">
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user={{ member.user }}&amp;type=follow"></iframe>
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user={{ member.user }}&amp;type=follow"></iframe>
<a class="team-member" href="https://github.com/{{ member.user }}">
<img src="http://www.gravatar.com/avatar/{{ member.gravatar }}" alt="@{{ member.user }}" width="32" height="32">
<img src="https://secure.gravatar.com/avatar/{{ member.gravatar }}" alt="@{{ member.user }}" width="32" height="32">
<strong>{{ member.name }}</strong> <small>@{{ member.user }}</small>
</a>
</div>

2
docs/assets/css/docs.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
docs/assets/css/docs.min.css.map
View File

File diff suppressed because one or more lines are too long

21
docs/assets/js/docs.min.js vendored
View File

File diff suppressed because one or more lines are too long

8
docs/assets/js/ie-emulation-modes-warning.js
View File

@ -2,10 +2,10 @@
// IT'S JUST JUNK FOR OUR DOCS!
// ++++++++++++++++++++++++++++++++++++++++++
/*!
* Copyright 2014 Twitter, Inc.
* Copyright 2014-2015 Twitter, Inc.
*
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/.
* details, see https://creativecommons.org/licenses/by/3.0/.
*/
// Intended to prevent false-positive bug reports about Bootstrap not working properly in old versions of IE due to folks testing using IE's unreliable emulation modes.
(function () {
@ -23,8 +23,8 @@
function actualNonEmulatedIEMajorVersion() {
// Detects the actual version of IE in use, even if it's in an older-IE emulation mode.
// IE JavaScript conditional compilation docs: http://msdn.microsoft.com/en-us/library/ie/121hztk3(v=vs.94).aspx
// @cc_on docs: http://msdn.microsoft.com/en-us/library/ie/8ka90k2e(v=vs.94).aspx
// IE JavaScript conditional compilation docs: https://msdn.microsoft.com/library/121hztk3%28v=vs.94%29.aspx
// @cc_on docs: https://msdn.microsoft.com/library/8ka90k2e%28v=vs.94%29.aspx
var jscriptVersion = new Function('/*@cc_on return @_jscript_version; @*/')() // jshint ignore:line
if (jscriptVersion === undefined) {
return 11 // IE11+ not in emulation mode

6
docs/assets/js/ie10-viewport-bug-workaround.js
View File

@ -1,8 +1,7 @@
/*!
* IE10 viewport hack for Surface/desktop Windows 8 bug
* Copyright 2014 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/.
* Copyright 2014-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
// See the Getting Started docs for more information:
@ -20,4 +19,5 @@
)
document.querySelector('head').appendChild(msViewportStyle)
}
})();

135
docs/assets/js/src/application.js
View File

@ -1,135 +0,0 @@
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
// IT'S ALL JUST JUNK FOR OUR DOCS!
// ++++++++++++++++++++++++++++++++++++++++++
/*!
* JavaScript for Bootstrap's docs (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
/* global ZeroClipboard, addAnchors */
!function ($) {
'use strict';
$(function () {
// // Scrollspy
// var $window = $(window)
// var $body = $(document.body)
// $body.scrollspy({
// target: '.active .bd-sidenav'
// })
// $window.on('load', function () {
// $body.scrollspy('refresh')
// })
// Kill links
// $('[href=#]').click(function (e) {
// e.preventDefault()
// })
// Tooltip and popover demos
$('.tooltip-demo').tooltip({
selector: '[data-toggle="tooltip"]',
container: 'body'
})
$('.popover-demo').popover({
selector: '[data-toggle="popover"]',
container: 'body'
})
// Demos within modals
$('.tooltip-test').tooltip()
$('.popover-test').popover()
// Popover demos
$('.bd-popover').popover()
// Button state demo
$('#loading-example-btn').on('click', function () {
var $btn = $(this)
btn.button('loading')
setTimeout(function () {
btn.button('reset')
}, 3000)
})
// Modal relatedTarget demo
$('#exampleModal').on('show.bs.modal', function (event) {
var $button = $(event.relatedTarget) // Button that triggered the modal
var recipient = button.data('whatever') // Extract info from data-* attributes
// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
// Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
var $modal = $(this)
modal.find('.modal-title').text('New message to ' + recipient)
modal.find('.modal-body input').val(recipient)
})
// Activate animated progress bar
$('.bd-activate-animated-progressbar').on('click', function () {
$(this).prev('.progress-striped').toggleClass('progress-animated')
})
// Custom indeterminate checkbox
$('.bs-example-indeterminate input').prop('indeterminate', true)
// Config ZeroClipboard
ZeroClipboard.config({
moviePath: '/assets/flash/ZeroClipboard.swf',
hoverClass: 'btn-clipboard-hover'
})
// Insert copy to clipboard button before .highlight
$('.highlight').each(function () {
var btnHtml = '<div class="zero-clipboard"><span class="btn-clipboard">Copy</span></div>'
$(this).before(btnHtml)
})
var zeroClipboard = new ZeroClipboard($('.btn-clipboard'))
var $htmlBridge = $('#global-zeroclipboard-html-bridge')
// Handlers for ZeroClipboard
zeroClipboard.on('load', function () {
htmlBridge
.data('placement', 'top')
.attr('title', 'Copy to clipboard')
.tooltip()
})
// Copy to clipboard
zeroClipboard.on('dataRequested', function (client) {
var highlight = $(this).parent().nextAll('.highlight').first()
client.setText(highlight.text())
})
// Notify copy success and reset tooltip title
zeroClipboard.on('complete', function () {
htmlBridge
.attr('title', 'Copied!')
.tooltip('fixTitle')
.tooltip('show')
.attr('title', 'Copy to clipboard')
.tooltip('fixTitle')
})
// Notify copy failure
zeroClipboard.on('noflash wrongflash', function () {
htmlBridge
.attr('title', 'Flash required')
.tooltip('fixTitle')
.tooltip('show')
})
})
}(jQuery)
;(function () {
'use strict';
addAnchors('.bd-container > h2, .bd-container > h3, .bd-container > h4, .bd-container > h5');
})();

216
docs/assets/js/vendor/anchor.js vendored
View File

@ -1,48 +1,196 @@
/*!
* AnchorJS - v0.1.0 - 2014-08-17
* AnchorJS - v1.0.1 - 2015-05-15
* https://github.com/bryanbraun/anchorjs
* Copyright (c) 2014 Bryan Braun; Licensed MIT
* Copyright (c) 2015 Bryan Braun; Licensed MIT
*/
function addAnchors(selector) {
function AnchorJS(options) {
'use strict';
// Sensible default selector, if none is provided.
if (!selector) {
selector = 'h1, h2, h3, h4, h5, h6';
} else if (typeof selector !== 'string') {
throw new Error('AnchorJS accepts only strings; you used a ' + typeof selector);
}
this.options = options || {};
// Select any elements that match the provided selector.
var elements = document.querySelectorAll(selector);
this._applyRemainingDefaultOptions = function(opts) {
this.options.icon = this.options.hasOwnProperty('icon') ? opts.icon : '&#xe9cb'; // Accepts characters (and also URLs?), like '#', '¶', '❡', or '§'.
this.options.visible = this.options.hasOwnProperty('visible') ? opts.visible : 'hover'; // Also accepts 'always'
this.options.placement = this.options.hasOwnProperty('placement') ? opts.placement : 'right'; // Also accepts 'left'
this.options.class = this.options.hasOwnProperty('class') ? opts.class : ''; // Accepts any class name.
};
// Loop through the selected elements.
for (var i = 0; i < elements.length; i++) {
var elementID;
this._applyRemainingDefaultOptions(options);
if (elements[i].hasAttribute('id')) {
elementID = elements[i].getAttribute('id');
} else {
// We need to create an ID on our element. First, we find which text selection method is available to the browser.
var textMethod = document.body.textContent ? 'textContent' : 'innerText';
this.add = function(selector) {
var elements,
elsWithIds,
idList,
elementID,
i,
roughText,
tidyText,
index,
count,
newTidyText,
readableID,
anchor,
div,
anchorNodes;
// Get the text inside our element
var roughText = elements[i][textMethod];
this._applyRemainingDefaultOptions(this.options);
// Refine it so it makes a good ID. Makes all lowercase and hyphen separated.
// Ex. Hello World > hello-world
var tidyText = roughText.replace(/\s+/g, '-').toLowerCase();
// Assign it to our element.
// Currently the setAttribute element is only supported in IE9 and above.
elements[i].setAttribute('id', tidyText);
// Grab it for use in our anchor.
elementID = tidyText;
// Provide a sensible default selector, if none is given.
if (!selector) {
selector = 'h1, h2, h3, h4, h5, h6';
} else if (typeof selector !== 'string') {
throw new Error('The selector provided to AnchorJS was invalid.');
}
var anchor = '<a class="anchorjs-link" href="#' + elementID + '"><span class="anchorjs-icon"></span></a>';
elements[i].innerHTML += anchor;
}
elements = document.querySelectorAll(selector);
if (elements.length === 0) {
return false;
}
this._addBaselineStyles();
// We produce a list of existing IDs so we don't generate a duplicate.
elsWithIds = document.querySelectorAll('[id]');
idList = [].map.call(elsWithIds, function assign(el) {
return el.id;
});
for (i = 0; i < elements.length; i++) {
if (elements[i].hasAttribute('id')) {
elementID = elements[i].getAttribute('id');
} else {
roughText = elements[i].textContent;
// Refine it so it makes a good ID. Strip out non-safe characters, replace
// spaces with hyphens, truncate to 32 characters, and make toLowerCase.
//
// Example string: // '⚡⚡⚡ Unicode icons are cool--but don't belong in a URL.'
tidyText = roughText.replace(/[^\w\s-]/gi, '') // ' Unicode icons are cool--but dont belong in a URL'
.replace(/\s+/g, '-') // '-Unicode-icons-are-cool--but-dont-belong-in-a-URL'
.replace(/-{2,}/g, '-') // '-Unicode-icons-are-cool-but-dont-belong-in-a-URL'
.substring(0, 32) // '-Unicode-icons-are-cool-but-dont'
.replace(/^-+|-+$/gm, '') // 'Unicode-icons-are-cool-but-dont'
.toLowerCase(); // 'unicode-icons-are-cool-but-dont'
// Compare our generated ID to existing IDs (and increment it if needed)
// before we add it to the page.
newTidyText = tidyText;
count = 0;
do {
if (index !== undefined) {
newTidyText = tidyText + '-' + count;
}
// .indexOf is supported in IE9+.
index = idList.indexOf(newTidyText);
count += 1;
} while (index !== -1);
index = undefined;
idList.push(newTidyText);
// Assign it to our element.
// Currently the setAttribute element is only supported in IE9 and above.
elements[i].setAttribute('id', newTidyText);
elementID = newTidyText;
}
readableID = elementID.replace(/-/g, ' ');
anchor = '<a class="anchorjs-link ' + this.options.class + '" href="#' + elementID + '" aria-label="Anchor link for: ' + readableID + '" data-anchorjs-icon="' + this.options.icon + '"></a>';
div = document.createElement('div');
div.innerHTML = anchor;
anchorNodes = div.childNodes;
if (this.options.visible === 'always') {
anchorNodes[0].style.opacity = '1';
}
if (this.options.icon === '&#xe9cb') {
anchorNodes[0].style.fontFamily = 'anchorjs-icons';
anchorNodes[0].style.fontStyle = 'normal';
anchorNodes[0].style.fontVariant = 'normal';
anchorNodes[0].style.fontWeight = 'normal';
}
if (this.options.placement === 'left') {
anchorNodes[0].style.position = 'absolute';
anchorNodes[0].style.marginLeft = '-1em';
anchorNodes[0].style.paddingRight = '0.5em';
elements[i].insertBefore(anchorNodes[0], elements[i].firstChild);
} else { // if the option provided is `right` (or anything else).
anchorNodes[0].style.paddingLeft = '0.375em';
elements[i].appendChild(anchorNodes[0]);
}
}
return this;
};
this.remove = function(selector) {
var domAnchor,
elements = document.querySelectorAll(selector);
for (var i = 0; i < elements.length; i++) {
domAnchor = elements[i].querySelector('.anchorjs-link');
if (domAnchor) {
elements[i].removeChild(domAnchor);
}
}
return this;
};
this._addBaselineStyles = function() {
// We don't want to add global baseline styles if they've been added before.
if (document.head.querySelector('style.anchorjs') !== null) {
return;
}
var style = document.createElement('style'),
linkRule =
' .anchorjs-link {' +
' opacity: 0;' +
' text-decoration: none;' +
' -webkit-font-smoothing: antialiased;' +
' -moz-osx-font-smoothing: grayscale;' +
' }',
hoverRule =
' *:hover > .anchorjs-link,' +
' .anchorjs-link:focus {' +
' opacity: 1;' +
' }',
anchorjsLinkFontFace =
' @font-face {' +
' font-family: "anchorjs-icons";' +
' font-style: normal;' +
' font-weight: normal;' + // Icon from icomoon; 10px wide & 10px tall; 2 empty below & 4 above
' src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBTUAAAC8AAAAYGNtYXAWi9QdAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zgq29TcAAAF4AAABNGhlYWQEZM3pAAACrAAAADZoaGVhBhUDxgAAAuQAAAAkaG10eASAADEAAAMIAAAAFGxvY2EAKACuAAADHAAAAAxtYXhwAAgAVwAAAygAAAAgbmFtZQ5yJ3cAAANIAAAB2nBvc3QAAwAAAAAFJAAAACAAAwJAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpywPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6cv//f//AAAAAAAg6cv//f//AAH/4xY5AAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACADEARAJTAsAAKwBUAAABIiYnJjQ/AT4BMzIWFxYUDwEGIicmND8BNjQnLgEjIgYPAQYUFxYUBw4BIwciJicmND8BNjIXFhQPAQYUFx4BMzI2PwE2NCcmNDc2MhcWFA8BDgEjARQGDAUtLXoWOR8fORYtLTgKGwoKCjgaGg0gEhIgDXoaGgkJBQwHdR85Fi0tOAobCgoKOBoaDSASEiANehoaCQkKGwotLXoWOR8BMwUFLYEuehYXFxYugC44CQkKGwo4GkoaDQ0NDXoaShoKGwoFBe8XFi6ALjgJCQobCjgaShoNDQ0NehpKGgobCgoKLYEuehYXAAEAAAABAACiToc1Xw889QALBAAAAAAA0XnFFgAAAADRecUWAAAAAAJTAsAAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAlMAAQAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAACAAAAAoAAMQAAAAAACgAUAB4AmgABAAAABQBVAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwCfAAEAAAAAAAMADgBLAAEAAAAAAAQADgC0AAEAAAAAAAUACwAqAAEAAAAAAAYADgB1AAEAAAAAAAoAGgDeAAMAAQQJAAEAHAAOAAMAAQQJAAIADgCmAAMAAQQJAAMAHABZAAMAAQQJAAQAHADCAAMAAQQJAAUAFgA1AAMAAQQJAAYAHACDAAMAAQQJAAoANAD4YW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByYW5jaG9yanMtaWNvbnMAYQBuAGMAaABvAHIAagBzAC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");' +
' }',
pseudoElContent =
' [data-anchorjs-icon]::after {' +
' content: attr(data-anchorjs-icon);' +
' }',
firstStyleEl;
style.className = 'anchorjs';
style.appendChild(document.createTextNode('')); // Necessary for Webkit.
// We place it in the head with the other style tags, if possible, so as to
// not look out of place. We insert before the others so these styles can be
// overridden if necessary.
firstStyleEl = document.head.querySelector('[rel="stylesheet"], style');
if (firstStyleEl === undefined) {
document.head.appendChild(style);
} else {
document.head.insertBefore(style, firstStyleEl);
}
style.sheet.insertRule(linkRule, style.sheet.cssRules.length);
style.sheet.insertRule(hoverRule, style.sheet.cssRules.length);
style.sheet.insertRule(pseudoElContent, style.sheet.cssRules.length);
style.sheet.insertRule(anchorjsLinkFontFace, style.sheet.cssRules.length);
};
}
var anchors = new AnchorJS();

12
docs/assets/js/vendor/holder.js vendored
View File

File diff suppressed because one or more lines are too long

12
docs/assets/js/vendor/holder.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

204
docs/assets/scss/_anchor.scss
View File

@ -1,98 +1,126 @@
// //
// // Store the link icon as a base64 embedded icon font.
// //
// @font-face {
// font-family: 'anchorjs-icons';
// src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),
// url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
// font-style: normal;
// font-weight: normal;
// }
//
// Store the link icon as a base64 embedded icon font.
//
@font-face {
font-family: 'anchorjs-icons';
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
font-style: normal;
font-weight: normal;
}
.anchorjs-icon {
font-family: 'anchorjs-icons';
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-transform: none;
// Better Icon Rendering
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
//
// Link placement and hover behavior.
//
.anchorjs-link {
opacity: 0;
text-decoration: none;
}
*:hover > .anchorjs-link,
.anchorjs-link:focus {
// To fade links as they appear, change transition-property from 'color' to 'all'
opacity: 1;
transition: color .16s linear;
}
//
// Make screen-reader friendly description text visually hidden.
//
.anchorjs-description {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
//
// Reasonable default styles.
// Feel free to override or replace these with your own.
//
// .anchorjs-link:link { color: #DFD487; }
// .anchorjs-link:visited { color: #DFD487; }
// .anchorjs-link:hover { color: #EC7963; }
// .anchorjs-link:active { color: #EC7963; }
.anchorjs-link {
float: left;
width: 1.2em;
height: 1em;
padding-right: .2em;
margin-top: .25em;
margin-left: -1.2em;
font-size: 70%;
color: inherit;
text-align: center;
}
*:hover > .anchorjs-link:hover {
color: $brand-primary;
text-decoration: none;
}
// .anchorjs-icon {
// font-size: 90%;
// padding-left: 6px;
// font-family: 'anchorjs-icons';
// font-style: normal;
// font-variant: normal;
// font-weight: normal;
// line-height: 1;
// speak: none;
// text-transform: none;
//
// // Better Icon Rendering
// -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale;
// }
//
// //
// // Link placement and hover behavior.
// //
// .anchorjs-link {
// opacity: 0;
// text-decoration: none;
// }
// *:hover > .anchorjs-link,
// .anchorjs-link:focus {
// // To fade links as they appear, change transition-property from 'color' to 'all'
// opacity: 1;
// transition: color .16s linear;
// }
//
// //
// // Make screen-reader friendly description text visually hidden.
// //
// .anchorjs-description {
// border: 0;
// clip: rect(0 0 0 0);
// height: 1px;
// margin: -1px;
// overflow: hidden;
// padding: 0;
// position: absolute;
// width: 1px;
// }
//
// //
// // Reasonable default styles.
// // Feel free to override or replace these with your own.
// //
// // .anchorjs-link:link { color: #DFD487; }
// // .anchorjs-link:visited { color: #DFD487; }
// // .anchorjs-link:hover { color: #EC7963; }
// // .anchorjs-link:active { color: #EC7963; }
//
// .anchorjs-link {
// float: left;
// width: 1.2em;
// height: 1em;
// padding-right: .2em;
// margin-top: .25em;
// margin-left: -1.2em;
// font-size: 70%;
// color: inherit;
// text-align: center;
// }
// *:hover > .anchorjs-link:hover {
// color: $brand-primary;
// text-decoration: none;
// }
//
// // .anchorjs-icon {
// // font-size: 90%;
// // padding-left: 6px;
// // }
//
// .anchorjs-icon:before {
// content: '\e600';
// // alternative icons -- uncomment to use
// //
// // content: '#';
// // content: '';
// // content: '❡';
// // content: '§';
// }
//
// @include media-breakpoint-down(sm) {
// .anchorjs-link {
// display: none;
// }
// }
.anchorjs-icon:before {
content: '\e600';
// alternative icons -- uncomment to use
//
// content: '#';
// content: '';
// content: '❡';
// content: '§';
//
// AnchorJS Styles
//
.anchorjs-link {
color: inherit;
}
@include media-breakpoint-down(sm) {
@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;
}
*:hover > .anchorjs-link:hover,
.anchorjs-link:focus {
text-decoration: none;
opacity: 1;
}

2
docs/browser-bugs.md
View File

@ -7,6 +7,8 @@ Bootstrap currently works around several outstanding browser bugs in major brows
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](../getting-started/#support).
Also see [jQuery's browser bug workarounds](https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o).
<div class="table-responsive">
<table class="bd-browser-bugs table table-bordered table-hover">
<thead>

130
docs/components/button-dropdown.md
View File

@ -22,62 +22,62 @@ Turn a button into a dropdown toggle with some basic markup changes.
<div class="bd-example">
<div class="btn-group">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Default</button>
<ul class="dropdown-menu" role="menu">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Default</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Primary</button>
<ul class="dropdown-menu" role="menu">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Primary</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Success</button>
<ul class="dropdown-menu" role="menu">
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Success</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Info</button>
<ul class="dropdown-menu" role="menu">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Info</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Warning</button>
<ul class="dropdown-menu" role="menu">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Warning</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Danger</button>
<ul class="dropdown-menu" role="menu">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Danger</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
@ -86,14 +86,14 @@ Turn a button into a dropdown toggle with some basic markup changes.
{% highlight html %}
<!-- Single button -->
<div class="btn-group">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
@ -106,79 +106,79 @@ Similarly, create split button dropdowns with the same markup changes, only with
<div class="bd-example">
<div class="btn-group">
<button type="button" class="btn btn-secondary">Default</button>
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group">
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
@ -188,14 +188,14 @@ Similarly, create split button dropdowns with the same markup changes, only with
<!-- Split button -->
<div class="btn-group">
<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
@ -208,42 +208,42 @@ Button dropdowns work with buttons of all sizes.
<div class="bd-example">
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">
<button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
<button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Large button
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
</div><!-- /btn-toolbar -->
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">
<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Small button
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
</div><!-- /btn-toolbar -->
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">
<button class="btn btn-secondary btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
<button class="btn btn-secondary btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Extra small button
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
@ -253,30 +253,30 @@ Button dropdowns work with buttons of all sizes.
{% highlight html %}
<!-- Large button group -->
<div class="btn-group">
<button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
<button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Large button
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
...
</ul>
</div>
<!-- Small button group -->
<div class="btn-group">
<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Small button
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
...
</ul>
</div>
<!-- Extra small button group -->
<div class="btn-group">
<button class="btn btn-secondary btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
<button class="btn btn-secondary btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Extra small button
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
...
</ul>
</div>
@ -290,27 +290,27 @@ Trigger dropdown menus above elements by adding `.dropup` to the parent.
<div class="btn-toolbar" role="toolbar">
<div class="btn-group dropup">
<button type="button" class="btn btn-secondary">Dropup</button>
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group dropup">
<button type="button" class="btn btn-primary">Right dropup</button>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<ul class="dropdown-menu dropdown-menu-right">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
@ -320,10 +320,10 @@ Trigger dropdown menus above elements by adding `.dropup` to the parent.
{% highlight html %}
<div class="btn-group dropup">
<button type="button" class="btn btn-secondary">Dropup</button>
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<!-- Dropdown menu links -->
</ul>
</div>

20
docs/components/button-group.md
View File

@ -106,10 +106,10 @@ Place a `.btn-group` within another `.btn-group` when you want dropdown menus mi
<button type="button" class="btn btn-secondary">2</button>
<div class="btn-group" role="group">
<button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupDrop1">
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a href="#">Dropdown link</a></li>
<li><a href="#">Dropdown link</a></li>
</ul>
@ -126,10 +126,10 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli
<button type="button" class="btn btn-secondary">Button</button>
<button type="button" class="btn btn-secondary">Button</button>
<div class="btn-group" role="group">
<button id="btnGroupVerticalDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button id="btnGroupVerticalDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop1">
<ul class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
<li><a href="#">Dropdown link</a></li>
<li><a href="#">Dropdown link</a></li>
</ul>
@ -137,28 +137,28 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli
<button type="button" class="btn btn-secondary">Button</button>
<button type="button" class="btn btn-secondary">Button</button>
<div class="btn-group" role="group">
<button id="btnGroupVerticalDrop2" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button id="btnGroupVerticalDrop2" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop2">
<ul class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop2">
<li><a href="#">Dropdown link</a></li>
<li><a href="#">Dropdown link</a></li>
</ul>
</div>
<div class="btn-group" role="group">
<button id="btnGroupVerticalDrop3" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button id="btnGroupVerticalDrop3" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop3">
<ul class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop3">
<li><a href="#">Dropdown link</a></li>
<li><a href="#">Dropdown link</a></li>
</ul>
</div>
<div class="btn-group" role="group">
<button id="btnGroupVerticalDrop4" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button id="btnGroupVerticalDrop4" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop4">
<ul class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop4">
<li><a href="#">Dropdown link</a></li>
<li><a href="#">Dropdown link</a></li>
</ul>

4
docs/components/buttons.md
View File

@ -130,6 +130,8 @@ Do more with buttons. Control button states or create groups of buttons for more
Use JavaScript to change the text and "state" of a particular button. For the sake of this demonstration, we are using `data-loading-text` and `$().button('loading')`, but that's not the only state you can use. [Custom strings of text](#buttons-methods) can also be used with `$().button(string)`.
**This feature is deprecated since v3.3.5 and will be removed in v4.**
**Heads up!** You'll likely need to work around Firefox's [persisted form control states across page loads bug](https://github.com/twbs/bootstrap/issues/793) (e.g., disabled and checked states) with `autocomplete="off"`. See [Mozilla bug #654072](https://bugzilla.mozilla.org/show_bug.cgi?id=654072) for details.
{% example html %}
@ -199,7 +201,7 @@ Toggles push state. Gives the button the appearance that it has been activated.
#### $().button('reset')
Resets button state—swaps text to original text.
Resets button state—swaps text to original text. **This method is asynchronous and returns before the resetting has actually completed.**
#### $().button(string)

2
docs/components/carousel.md
View File

@ -80,7 +80,7 @@ Add captions to your slides easily with the `.carousel-caption` element within a
</div>
</div>
<div class="carousel-item">
<img data-src="holder.js/900x500/auto/#555:#5555" alt="Third slide image">
<img data-src="holder.js/900x500/auto/#555:#555" alt="Third slide image">
<div class="carousel-caption">
<h3>Third slide label</h3>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>

74
docs/components/dropdowns.md
View File

@ -16,18 +16,18 @@ Wrap the dropdown's trigger and the dropdown menu within `.dropdown`, or another
{% example html %}
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Action</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li>
<a href="#">Action</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Another action</a>
<li>
<a href="#">Another action</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Something else here</a>
<li>
<a href="#">Something else here</a>
</li>
</ul>
</div>
@ -44,7 +44,7 @@ Dropdowns are automatically positioned via CSS within the normal flow of the doc
{% endcallout %}
{% highlight html %}
<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dLabel">
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
...
</ul>
{% endhighlight %}
@ -54,13 +54,13 @@ Dropdowns are automatically positioned via CSS within the normal flow of the doc
Add a header to label sections of actions in any dropdown menu.
{% example html %}
<ul class="dropdown-menu" role="menu">
<li role="presentation" class="dropdown-header">Dropdown header</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Action</a>
<ul class="dropdown-menu">
<li class="dropdown-header">Dropdown header</li>
<li>
<a href="#">Action</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Another action</a>
<li>
<a href="#">Another action</a>
</li>
</ul>
{% endexample %}
@ -70,19 +70,19 @@ Add a header to label sections of actions in any dropdown menu.
Separate groups of related menu items with a divider.
{% example html %}
<ul class="dropdown-menu" role="menu">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Action</a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Another action</a>
<li>
<a href="#">Another action</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Something else here</a>
<li>
<a href="#">Something else here</a>
</li>
<li role="presentation" class="dropdown-divider"></li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Separated link</a>
<li class="dropdown-divider"></li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
{% endexample %}
@ -92,15 +92,15 @@ Separate groups of related menu items with a divider.
Add `.disabled` to a `<li>` in the dropdown to disable the link.
{% example html %}
<ul class="dropdown-menu" role="menu">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Regular link</a>
<ul class="dropdown-menu">
<li>
<a href="#">Regular link</a>
</li>
<li role="presentation" class="disabled">
<a role="menuitem" tabindex="-1" href="#">Disabled link</a>
<li class="disabled">
<a href="#">Disabled link</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Another link</a>
<li>
<a href="#">Another link</a>
</li>
</ul>
{% endexample %}
@ -119,11 +119,10 @@ Add `data-toggle="dropdown"` to a link or button to toggle a dropdown.
{% highlight html %}
<div class="dropdown">
<button id="dLabel" type="button" data-toggle="dropdown">
<button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown trigger
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<ul class="dropdown-menu" aria-labelledby="dLabel">
...
</ul>
</div>
@ -133,12 +132,11 @@ To keep URLs intact with link buttons, use the `data-target` attribute instead o
{% highlight html %}
<div class="dropdown">
<a id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown">
<a id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown trigger
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<ul class="dropdown-menu" aria-labelledby="dLabel">
...
</ul>
</div>

3
docs/components/forms.md
View File

@ -306,7 +306,7 @@ For more structured form layouts, you can utilize Bootstrap's predefined grid cl
Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.
A checkbox or radio with the `disabled` attribute will be styled appropriately. To have the `<label>` for the checkbox or radio also display a "not-allowed" cursor when the user hovers over the label, add the `.disabled` class to your `.radio`, `.radio-inline`, `.checkbox`, `.checkbox-inline`, or `<fieldset>`.
Disabled checkboxes and radios are supported, but to provide a "not-allowed" cursor on hover of the parent `<label>`, you'll need to add the <code>.disabled</code> class to the parent `.radio`, `.radio-inline`, `.checkbox`, or `.checkbox-inline`.
### Default (stacked)
@ -806,4 +806,3 @@ The file input is the most gnarly of the bunch. Here's how it works:
In other words, it's an entirely custom element, all generated via CSS.
**Heads up!** The custom file input is currently unable to update the *Choose file...* text with the filename. Without JavaScript, this might not be possible to change, but I'm open to ideas.

28
docs/components/input-group.md
View File

@ -110,12 +110,14 @@ Buttons in input groups are a bit different and require one extra level of nesti
<div class="col-lg-6">
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Action</button>
<ul class="dropdown-menu" role="menu">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
@ -126,12 +128,14 @@ Buttons in input groups are a bit different and require one extra level of nesti
<div class="input-group">
<input type="text" class="form-control" aria-label="Text input with dropdown button">
<div class="input-group-btn">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Action</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
@ -148,14 +152,14 @@ Buttons in input groups are a bit different and require one extra level of nesti
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-secondary">Action</button>
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
@ -167,14 +171,14 @@ Buttons in input groups are a bit different and require one extra level of nesti
<input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
<div class="input-group-btn">
<button type="button" class="btn btn-secondary">Action</button>
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<ul class="dropdown-menu dropdown-menu-right">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>

14
docs/components/list-group.md
View File

@ -60,6 +60,20 @@ Linkify list group items by using anchor tags instead of list items (that also m
</div>
{% endexample %}
## Button items
List group items may be buttons instead of list items (that also means a parent `<div>` instead of an `<ul>`). No need for individual parents around each element. **Don't use the standard `.btn` classes here.**
{% example html %}
<div class="list-group">
<button type="button" class="list-group-item">Cras justo odio</button>
<button type="button" class="list-group-item">Dapibus ac facilisis in</button>
<button type="button" class="list-group-item">Morbi leo risus</button>
<button type="button" class="list-group-item">Porta ac consectetur ac</button>
<button type="button" class="list-group-item">Vestibulum at eros</button>
</div>
{% endexample %}
## Disabled items
Add `.disabled` to a `.list-group-item` to gray it out to appear disabled.

16
docs/components/modal.md
View File

@ -19,7 +19,7 @@ $('#myModal').on('shown.bs.modal', function () {
{% endhighlight %}
{% callout warning %}
#### Overlapping modals not supported
#### Multiple open modals not supported
Be sure not to open a modal while another is still visible. Showing more than one modal at a time requires custom code.
{% endcallout %}
@ -42,7 +42,7 @@ A rendered modal with header, body, and set of actions in the footer.</p>
<div class="bd-example bd-example-modal">
<div class="modal">
<div class="modal-dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
@ -65,7 +65,7 @@ A rendered modal with header, body, and set of actions in the footer.</p>
{% highlight html %}
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
@ -91,7 +91,7 @@ A rendered modal with header, body, and set of actions in the footer.</p>
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
@ -147,7 +147,7 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
@ -171,7 +171,7 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a
{% callout warning %}
#### Make modals accessible
Be sure to add `role="dialog"` to `.modal`, `aria-labelledby="myModalLabel"` attribute to reference the modal title, and `aria-hidden="true"` to tell assistive technologies to skip the modal's DOM elements.
Be sure to add `role="dialog"` and `aria-labelledby="..."``, referencing the modal title, to `.modal`, and `role="document"` to the `.modal-dialog` itself.
Additionally, you may give a description of your modal dialog with `aria-describedby` on `.modal`.
{% endcallout %}
@ -267,7 +267,7 @@ To take advantage of the Bootstrap grid system within a modal, just nest `.conta
{% example html %}
<div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
@ -325,7 +325,7 @@ Have a bunch of buttons that all trigger the same modal, just with slightly diff
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@fat">Open modal for @fat</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@getbootstrap">Open modal for @getbootstrap</button>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">

82
docs/components/navs.md
View File

@ -52,16 +52,16 @@ Takes the basic nav from above and adds the `.nav-tabs` class to generate a tabb
{% example html %}
<ul class="nav nav-tabs">
<li class="nav-item active" role="presentation">
<li class="nav-item active">
<a href="#" class="nav-link">Active</a>
</li>
<li class="nav-item" role="presentation">
<li class="nav-item">
<a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item" role="presentation">
<li class="nav-item">
<a href="#" class="nav-link">Another link</a>
</li>
<li class="nav-item disabled" role="presentation">
<li class="nav-item disabled">
<a href="#" class="nav-link">Disabled</a>
</li>
</ul>
@ -73,16 +73,16 @@ Take that same HTML, but use `.nav-pills` instead:
{% example html %}
<ul class="nav nav-pills">
<li class="nav-item active" role="presentation">
<li class="nav-item active">
<a href="#" class="nav-link">Active</a>
</li>
<li class="nav-item" role="presentation">
<li class="nav-item">
<a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item" role="presentation">
<li class="nav-item">
<a href="#" class="nav-link">Another link</a>
</li>
<li class="nav-item disabled" role="presentation">
<li class="nav-item disabled">
<a href="#" class="nav-link">Disabled</a>
</li>
</ul>
@ -94,16 +94,16 @@ Just add `.nav-stacked` to the `.nav.nav-pills`.
{% example html %}
<ul class="nav nav-pills nav-stacked">
<li class="nav-item active" role="presentation">
<li class="nav-item active">
<a href="#" class="nav-link">Active</a>
</li>
<li class="nav-item" role="presentation">
<li class="nav-item">
<a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item" role="presentation">
<li class="nav-item">
<a href="#" class="nav-link">Another link</a>
</li>
<li class="nav-item disabled" role="presentation">
<li class="nav-item disabled">
<a href="#" class="nav-link">Disabled</a>
</li>
</ul>
@ -117,23 +117,23 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
{% example html %}
<ul class="nav nav-tabs">
<li class="nav-item active" role="presentation">
<li class="nav-item active">
<a href="#" class="nav-link">Active</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
<ul class="dropdown-menu" role="menu">
<li class="nav-item">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
<li class="nav-item" role="presentation">
<li class="nav-item">
<a href="#" class="nav-link">Another link</a>
</li>
<li class="nav-item disabled" role="presentation">
<li class="nav-item disabled">
<a href="#" class="nav-link">Disabled</a>
</li>
</ul>
@ -143,23 +143,23 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
{% example html %}
<ul class="nav nav-pills">
<li class="nav-item active" role="presentation">
<li class="nav-item active">
<a href="#" class="nav-link">Active</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
<ul class="dropdown-menu" role="menu">
<li class="nav-item">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
<li class="nav-item" role="presentation">
<li class="nav-item">
<a href="#" class="nav-link">Another link</a>
</li>
<li class="nav-item disabled" role="presentation">
<li class="nav-item disabled">
<a href="#" class="nav-link">Disabled</a>
</li>
</ul>
@ -171,20 +171,19 @@ Use the tab JavaScript plugin—include it individually or through the compiled
<div class="bd-example bd-example-tabs" role="tabpanel">
<ul id="myTab" class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<li class="active">
<a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">Home</a>
</li>
<li role="presentation">
<li>
<a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile">Profile</a>
</li>
<li role="presentation" class="dropdown">
<li class="dropdown">
<a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-controls="myTabDrop1-contents">
Dropdown
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1" id="myTabDrop1-contents">
<li><a href="#dropdown1" tabindex="-1" role="tab" id="dropdown1-tab" data-toggle="tab" aria-controls="dropdown1">@fat</a></li>
<li><a href="#dropdown2" tabindex="-1" role="tab" id="dropdown2-tab" data-toggle="tab" aria-controls="dropdown2">@mdo</a></li>
<ul class="dropdown-menu" aria-labelledby="myTabDrop1" id="myTabDrop1-contents">
<li><a href="#dropdown1" role="tab" id="dropdown1-tab" data-toggle="tab" aria-controls="dropdown1">@fat</a></li>
<li><a href="#dropdown2" role="tab" id="dropdown2-tab" data-toggle="tab" aria-controls="dropdown2">@mdo</a></li>
</ul>
</li>
</ul>
@ -212,10 +211,10 @@ You can activate a tab or pill navigation without writing any JavaScript by simp
{% highlight html %}
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
<li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
<li role="presentation"><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
<li role="presentation"><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
<li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
<li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
<li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
<li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>
<!-- Tab panes -->
@ -269,16 +268,16 @@ Activates a tab element and content container. Tab should have either a `data-ta
{% highlight html %}
<ul class="nav nav-tabs" role="tablist" id="myTab">
<li role="presentation" class="active">
<li class="active">
<a href="#home" role="tab" data-toggle="tab" aria-controls="home">Home</a>
</li>
<li role="presentation">
<li>
<a href="#profile" role="tab" data-toggle="tab" aria-controls="profile">Profile</a>
</li>
<li role="presentation">
<li>
<a href="#messages" role="tab" data-toggle="tab" aria-controls="messages">Messages</a>
</li>
<li role="presentation">
<li>
<a href="#settings" role="tab" data-toggle="tab" aria-controls="settings">Settings</a>
</li>
</ul>
@ -343,4 +342,3 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
e.relatedTarget // previous active tab
})
{% endhighlight %}

24
docs/components/popovers.md
View File

@ -93,37 +93,37 @@ Four options are available: top, right, bottom, and left aligned.
<div class="bd-example popover-demo">
<div class="bd-example-popovers">
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on left
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on top
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on right
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on bottom
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on right
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on left
</button>
</div>
</div>
{% highlight html %}
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on left
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on top
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on right
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on bottom
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on right
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on left
</button>
{% endhighlight %}
@ -249,7 +249,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
<td>trigger</td>
<td>string</td>
<td>'click'</td>
<td>How popover is triggered - click | hover | focus | manual. You may pass multiple triggers; separate them with a space.</td>
<td>How popover is triggered - click | hover | focus | manual. You may pass multiple triggers; separate them with a space. `manual` cannot be combined with any other trigger.</td>
</tr>
<tr>
<td>viewport</td>

16
docs/components/scrollspy.md
View File

@ -29,12 +29,14 @@ The ScrollSpy plugin is for automatically updating nav targets based on scroll p
<li><a href="#fat">@fat</a></li>
<li><a href="#mdo">@mdo</a></li>
<li class="dropdown">
<a href="#" id="navbarDrop1" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="navbarDrop1">
<li><a href="#one" tabindex="-1">one</a></li>
<li><a href="#two" tabindex="-1">two</a></li>
<li class="divider"></li>
<li><a href="#three" tabindex="-1">three</a></li>
<a href="#" id="navbarDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDrop1">
<li><a href="#one">one</a></li>
<li><a href="#two">two</a></li>
<li role="separator" class="divider"></li>
<li><a href="#three">three</a></li>
</ul>
</li>
</ul>
@ -66,7 +68,7 @@ Scrollspy currently requires the use of a [Bootstrap nav component](/components/
### Requires relative positioning
No matter the implementation method, scrollspy requires the use of `position: relative;` on the element you're spying on. In most cases this is the `<body>`.
No matter the implementation method, scrollspy requires the use of `position: relative;` on the element you're spying on. In most cases this is the `<body>`. When scrollspying on elements other than the `<body>`, be sure to have a `height` set and `overflow-y: scroll;` applied.
### Via data attributes

2
docs/components/tables.md
View File

@ -458,7 +458,7 @@ Firefox has some awkward fieldset styling involving `width` that interferes with
}
{% endhighlight %}
For more information, read [this Stack Overflow answer](http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content/17863685#17863685).
For more information, read [this Stack Overflow answer](https://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content/17863685#17863685).
{% endcallout %}
<div class="bd-example">

32
docs/components/tooltips.md
View File

@ -45,28 +45,28 @@ Hover over the links below to see tooltips:
Four options are available: top, right, bottom, and left aligned.
<div class="bd-example bd-example-tooltip">
<div class="tooltip left" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the left
</div>
</div>
<div class="tooltip top" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the top
</div>
</div>
<div class="tooltip right" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the right
</div>
</div>
<div class="tooltip bottom" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the bottom
</div>
</div>
<div class="tooltip right" role="tooltip">
<div class="tooltip left" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
Tooltip on the right
Tooltip on the left
</div>
</div>
</div>
@ -77,25 +77,25 @@ Hover over the buttons below to see their tooltips.
<div class="bd-example tooltip-demo">
<div class="bd-example-tooltips">
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
</div>
</div>
{% highlight html %}
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
Tooltip on left
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
Tooltip on top
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
Tooltip on right
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
Tooltip on bottom
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
Tooltip on right
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
Tooltip on left
</button>
{% endhighlight %}
@ -210,7 +210,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
<td>trigger</td>
<td>string</td>
<td>'hover focus'</td>
<td>How tooltip is triggered - click | hover | focus | manual. You may pass multiple triggers; separate them with a space.</td>
<td>How tooltip is triggered - click | hover | focus | manual. You may pass multiple triggers; separate them with a space. `manual` cannot be combined with any other trigger.</td>
</tr>
<tr>
<td>viewport</td>

7
docs/components/utilities.md
View File

@ -296,9 +296,14 @@ Rules are directly applied to `<iframe>`, `<embed>`, `<video>`, and `<object>` e
</div>
{% endexample %}
Aspect ratios can be customized. There are two available in Bootstrap, 16x9 and 4x3 (two of the most common for video).
Aspect ratios can be customized with modifier classes.
{% highlight html %}
<!-- 21:9 aspect ratio -->
<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>

157
docs/dist/css/bootstrap-flex.css vendored
View File

@ -4,7 +4,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
@ -2276,6 +2276,10 @@ pre code {
.form-control:not(select[multiple]) {
height: 2.625rem;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
border-color: #66afe9;
outline: none;
@ -2317,6 +2321,35 @@ pre code {
margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 2.625rem;
}
input[type="date"].input-sm,
.input-group-sm input[type="date"].form-control,
input[type="time"].input-sm,
.input-group-sm input[type="time"].form-control,
input[type="datetime-local"].input-sm,
.input-group-sm input[type="datetime-local"].form-control,
input[type="month"].input-sm,
.input-group-sm input[type="month"].form-control {
line-height: 2rem;
}
input[type="date"].input-lg,
.input-group-lg input[type="date"].form-control,
input[type="time"].input-lg,
.input-group-lg input[type="time"].form-control,
input[type="datetime-local"].input-lg,
.input-group-lg input[type="datetime-local"].form-control,
input[type="month"].input-lg,
.input-group-lg input[type="month"].form-control {
line-height: 3.291667rem;
}
}
.form-control-static {
min-height: 2.625rem;
padding-top: .5625rem;
@ -3536,6 +3569,7 @@ input[type="button"].btn-block {
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
@ -4323,8 +4357,8 @@ input[type="button"].btn-block {
flex-flow: row wrap;
}
.card-deck .card {
margin-right: .625rem;
margin-left: .625rem;
margin-right: .625rem;
margin-left: .625rem;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
@ -4474,6 +4508,7 @@ input[type="button"].btn-block {
.pagination-lg > li > span {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.333333;
}
.pagination-lg > li:first-child > a,
@ -4492,6 +4527,7 @@ input[type="button"].btn-block {
.pagination-sm > li > span {
padding: .3rem .75rem;
font-size: .85rem;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
@ -4647,6 +4683,7 @@ a.label:hover {
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #818a91;
border-radius: 2em;
}
@ -4992,6 +5029,9 @@ a.badge:hover {
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right {
padding-left: 10px;
@ -5039,14 +5079,18 @@ a.badge:hover {
border-radius: 0;
}
a.list-group-item {
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover {
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
@ -5100,20 +5144,27 @@ a.list-group-item:focus,
background-color: #dff0d8;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #3c763d;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
@ -5124,20 +5175,27 @@ a.list-group-item-state.active,
background-color: #d9edf7;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #31708f;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f;
@ -5148,20 +5206,27 @@ a.list-group-item-state.active,
background-color: #fcf8e3;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #8a6d3b;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
@ -5172,20 +5237,27 @@ a.list-group-item-state.active,
background-color: #f2dede;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #a94442;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442;
@ -5222,6 +5294,10 @@ a.list-group-item-state.active,
border: 0;
}
.embed-responsive-21by9 {
padding-bottom: 42.857143%;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
@ -5395,9 +5471,22 @@ button.close {
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .85rem;
font-style: normal;
font-weight: normal;
line-height: 1.4;
opacity: 0;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
opacity: 0;
line-break: auto;
}
.tooltip.in {
opacity: .9;
@ -5460,7 +5549,6 @@ button.close {
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: .25rem;
}
@ -5482,16 +5570,27 @@ button.close {
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-size: .85rem;
font-style: normal;
font-weight: normal;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
border-radius: .3rem;
line-break: auto;
}
.popover.popover-top,
.popover.bs-tether-element-attached-bottom {
@ -5634,8 +5733,8 @@ button.close {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .carousel-item.next,
.carousel-inner > .carousel-item.active.right {

2
docs/dist/css/bootstrap-flex.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap-flex.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap-reboot.css vendored
View File

@ -4,7 +4,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;

2
docs/dist/css/bootstrap-reboot.css.map vendored
View File

@ -1 +1 @@
{"version":3,"sources":["../../scss/_normalize.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_hover.scss","../../scss/mixins/_tab-focus.scss"],"names":[],"mappings":"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","file":"bootstrap-reboot.css"}
{"version":3,"sources":["../../scss/_normalize.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_hover.scss","../../scss/mixins/_tab-focus.scss"],"names":[],"mappings":"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","file":"bootstrap-reboot.css"}

2
docs/dist/css/bootstrap-reboot.min.css vendored
View File

@ -2,4 +2,4 @@
* Bootstrap v4.0.0-alpha (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */a,table{background-color:transparent}address,dl,ol,p,ul{margin-bottom:1rem}b,dt,optgroup,strong{font-weight:700}pre,textarea{overflow:auto}caption,th{text-align:left}fieldset,legend,td,th{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,legend,main,menu,nav,section,summary{display:block}label,output{display:inline-block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#0275d8;text-decoration:none}a:active,a:hover{outline:0}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}address,legend{line-height:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical}table{border-spacing:0;border-collapse:collapse}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;-webkit-tap-highlight-color:transparent}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}@viewport{width:device-width}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#373a3c;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}dl,ol,p,ul{margin-top:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #818a91}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dd,label,legend{margin-bottom:.5rem}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}pre{margin-top:0;margin-bottom:1rem}[role=button]{cursor:pointer}caption{padding-top:.75rem;padding-bottom:.75rem;color:#818a91;caption-side:bottom}button,input,select,textarea{margin:0;line-height:inherit}fieldset{min-width:0;margin:0;border:0}legend{border:0;width:100%;font-size:1.5rem}
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */a,table{background-color:transparent}address,dl,ol,p,ul{margin-bottom:1rem}b,dt,optgroup,strong{font-weight:700}pre,textarea{overflow:auto}caption,th{text-align:left}fieldset,legend,td,th{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,legend,main,menu,nav,section,summary{display:block}label,output{display:inline-block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#0275d8;text-decoration:none}a:active,a:hover{outline:0}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}address,legend{line-height:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical}table{border-spacing:0;border-collapse:collapse}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;-webkit-tap-highlight-color:transparent}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}@viewport{width:device-width}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#373a3c;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}dl,ol,p,ul{margin-top:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #818a91}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dd,label,legend{margin-bottom:.5rem}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}pre{margin-top:0;margin-bottom:1rem}[role=button]{cursor:pointer}caption{padding-top:.75rem;padding-bottom:.75rem;color:#818a91;caption-side:bottom}button,input,select,textarea{margin:0;line-height:inherit}fieldset{min-width:0;margin:0;border:0}legend{border:0;width:100%;font-size:1.5rem}

153
docs/dist/css/bootstrap.css
View File

@ -4,7 +4,7 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
@ -1843,6 +1843,10 @@ pre code {
.form-control:not(select[multiple]) {
height: 2.625rem;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
border-color: #66afe9;
outline: none;
@ -1884,6 +1888,35 @@ pre code {
margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 2.625rem;
}
input[type="date"].input-sm,
.input-group-sm input[type="date"].form-control,
input[type="time"].input-sm,
.input-group-sm input[type="time"].form-control,
input[type="datetime-local"].input-sm,
.input-group-sm input[type="datetime-local"].form-control,
input[type="month"].input-sm,
.input-group-sm input[type="month"].form-control {
line-height: 2rem;
}
input[type="date"].input-lg,
.input-group-lg input[type="date"].form-control,
input[type="time"].input-lg,
.input-group-lg input[type="time"].form-control,
input[type="datetime-local"].input-lg,
.input-group-lg input[type="datetime-local"].form-control,
input[type="month"].input-lg,
.input-group-lg input[type="month"].form-control {
line-height: 3.291667rem;
}
}
.form-control-static {
min-height: 2.625rem;
padding-top: .5625rem;
@ -3104,6 +3137,7 @@ input[type="button"].btn-block {
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
@ -4029,6 +4063,7 @@ input[type="button"].btn-block {
.pagination-lg > li > span {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.333333;
}
.pagination-lg > li:first-child > a,
@ -4047,6 +4082,7 @@ input[type="button"].btn-block {
.pagination-sm > li > span {
padding: .3rem .75rem;
font-size: .85rem;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
@ -4202,6 +4238,7 @@ a.label:hover {
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #818a91;
border-radius: 2em;
}
@ -4564,6 +4601,9 @@ a.badge:hover {
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right {
padding-left: 10px;
@ -4611,14 +4651,18 @@ a.badge:hover {
border-radius: 0;
}
a.list-group-item {
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover {
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
@ -4672,20 +4716,27 @@ a.list-group-item:focus,
background-color: #dff0d8;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #3c763d;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
@ -4696,20 +4747,27 @@ a.list-group-item-state.active,
background-color: #d9edf7;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #31708f;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f;
@ -4720,20 +4778,27 @@ a.list-group-item-state.active,
background-color: #fcf8e3;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #8a6d3b;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
@ -4744,20 +4809,27 @@ a.list-group-item-state.active,
background-color: #f2dede;
}
a.list-group-item-state {
a.list-group-item-state,
button.list-group-item-state {
color: #a94442;
}
a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading,
button.list-group-item-state .list-group-item-heading {
color: inherit;
}
a.list-group-item-state:focus,
a.list-group-item-state:hover {
a.list-group-item-state:hover,
button.list-group-item-state:focus,
button.list-group-item-state:hover {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-state.active,
a.list-group-item-state.active:focus,
a.list-group-item-state.active:hover {
a.list-group-item-state.active:hover,
button.list-group-item-state.active,
button.list-group-item-state.active:focus,
button.list-group-item-state.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442;
@ -4794,6 +4866,10 @@ a.list-group-item-state.active,
border: 0;
}
.embed-responsive-21by9 {
padding-bottom: 42.857143%;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
@ -4967,9 +5043,22 @@ button.close {
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .85rem;
font-style: normal;
font-weight: normal;
line-height: 1.4;
opacity: 0;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
opacity: 0;
line-break: auto;
}
.tooltip.in {
opacity: .9;
@ -5032,7 +5121,6 @@ button.close {
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: .25rem;
}
@ -5054,16 +5142,27 @@ button.close {
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-size: .85rem;
font-style: normal;
font-weight: normal;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
border-radius: .3rem;
line-break: auto;
}
.popover.popover-top,
.popover.bs-tether-element-attached-bottom {
@ -5206,8 +5305,8 @@ button.close {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .carousel-item.next,
.carousel-inner > .carousel-item.active.right {

2
docs/dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

264
docs/dist/js/bootstrap.js
View File

@ -294,14 +294,6 @@ var Alert = (function ($) {
$(element).detach().trigger(Event.CLOSED).remove();
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -332,6 +324,14 @@ var Alert = (function ($) {
alertInstance.close(this);
};
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Alert;
@ -461,14 +461,6 @@ var Button = (function ($) {
this._element = null;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -487,6 +479,14 @@ var Button = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Button;
@ -880,19 +880,6 @@ var Carousel = (function ($) {
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -953,6 +940,19 @@ var Carousel = (function ($) {
event.preventDefault();
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Carousel;
@ -1263,19 +1263,6 @@ var Collapse = (function ($) {
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_getTargetFromElement',
// static
@ -1306,6 +1293,19 @@ var Collapse = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Collapse;
@ -1468,14 +1468,6 @@ var Dropdown = (function ($) {
$(this._element).on(Event.CLICK, this.toggle);
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -1588,6 +1580,14 @@ var Dropdown = (function ($) {
items[index].focus();
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Dropdown;
@ -2049,19 +2049,6 @@ var Modal = (function ($) {
return scrollbarWidth;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -2083,6 +2070,19 @@ var Modal = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Modal;
@ -2383,19 +2383,6 @@ var ScrollSpy = (function ($) {
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -2415,6 +2402,19 @@ var ScrollSpy = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return ScrollSpy;
@ -2659,14 +2659,6 @@ var Tab = (function ($) {
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -2686,6 +2678,14 @@ var Tab = (function ($) {
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Tab;
@ -3224,6 +3224,30 @@ var Tooltip = (function ($) {
return config;
}
}], [{
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}, {
key: 'VERSION',
// getters
@ -3261,30 +3285,6 @@ var Tooltip = (function ($) {
get: function () {
return DefaultType;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Tooltip;
@ -3420,6 +3420,30 @@ var Popover = (function ($) {
return this.element.getAttribute('data-content') || (typeof this.config.content == 'function' ? this.config.content.call(this.element) : this.config.content);
}
}], [{
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Popover(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}, {
key: 'VERSION',
// getters
@ -3457,30 +3481,6 @@ var Popover = (function ($) {
get: function () {
return DefaultType;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Popover(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Popover;

4
docs/dist/js/bootstrap.min.js vendored
View File

File diff suppressed because one or more lines are too long

18
docs/dist/js/umd/alert.js vendored
View File

@ -140,14 +140,6 @@
$(element).detach().trigger(Event.CLOSED).remove();
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -178,6 +170,14 @@
alertInstance.close(this);
};
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Alert;
@ -208,4 +208,4 @@
})(jQuery);
module.exports = Alert;
});
});

18
docs/dist/js/umd/button.js vendored
View File

@ -117,14 +117,6 @@
this._element = null;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -143,6 +135,14 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Button;
@ -186,4 +186,4 @@
})(jQuery);
module.exports = Button;
});
});

28
docs/dist/js/umd/carousel.js vendored
View File

@ -372,19 +372,6 @@
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -445,6 +432,19 @@
event.preventDefault();
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Carousel;
@ -482,4 +482,4 @@
})(jQuery);
module.exports = Carousel;
});
});

28
docs/dist/js/umd/collapse.js vendored
View File

@ -295,19 +295,6 @@
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_getTargetFromElement',
// static
@ -338,6 +325,19 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Collapse;
@ -377,4 +377,4 @@
})(jQuery);
module.exports = Collapse;
});
});

18
docs/dist/js/umd/dropdown.js vendored
View File

@ -145,14 +145,6 @@
$(this._element).on(Event.CLICK, this.toggle);
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -265,6 +257,14 @@
items[index].focus();
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Dropdown;
@ -297,4 +297,4 @@
})(jQuery);
module.exports = Dropdown;
});
});

28
docs/dist/js/umd/modal.js vendored
View File

@ -451,19 +451,6 @@
return scrollbarWidth;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -485,6 +472,19 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return Modal;
@ -545,4 +545,4 @@
})(jQuery);
module.exports = Modal;
});
});

50
docs/dist/js/umd/popover.js vendored
View File

@ -137,6 +137,30 @@
return this.element.getAttribute('data-content') || (typeof this.config.content == 'function' ? this.config.content.call(this.element) : this.config.content);
}
}], [{
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Popover(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}, {
key: 'VERSION',
// getters
@ -174,30 +198,6 @@
get: function () {
return DefaultType;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Popover(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Popover;
@ -220,4 +220,4 @@
})(jQuery);
module.exports = Popover;
});
});

28
docs/dist/js/umd/scrollspy.js vendored
View File

@ -262,19 +262,6 @@
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
@ -294,6 +281,19 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}]);
return ScrollSpy;
@ -331,4 +331,4 @@
})(jQuery);
module.exports = ScrollSpy;
});
});

18
docs/dist/js/umd/tab.js vendored
View File

@ -229,14 +229,6 @@
}
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: '_jQueryInterface',
// static
@ -256,6 +248,14 @@
}
});
}
}, {
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}]);
return Tab;
@ -289,4 +289,4 @@
})(jQuery);
module.exports = Tab;
});
});

50
docs/dist/js/umd/tooltip.js vendored
View File

@ -527,6 +527,30 @@
return config;
}
}], [{
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}, {
key: 'VERSION',
// getters
@ -564,30 +588,6 @@
get: function () {
return DefaultType;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Tooltip;
@ -610,4 +610,4 @@
})(jQuery);
module.exports = Tooltip;
});
});

2
docs/dist/js/umd/util.js vendored
View File

@ -163,4 +163,4 @@
})(jQuery);
module.exports = Util;
});
});

2
docs/examples/blog/index.html
View File

@ -163,7 +163,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

4
docs/examples/carousel/index.html
View File

@ -177,10 +177,10 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="../../assets/js/vendor/holder.js"></script>
<script src="../../assets/js/vendor/holder.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>

2
docs/examples/cover/index.html
View File

@ -63,7 +63,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

4
docs/examples/dashboard/index.html
View File

@ -231,10 +231,10 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="../../assets/js/vendor/holder.js"></script>
<script src="../../assets/js/vendor/holder.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>

2
docs/examples/jumbotron/index.html
View File

@ -78,7 +78,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
</body>
</html>

5
docs/examples/justified-nav/justified-nav.css
View File

@ -37,9 +37,8 @@ body {
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f5f5f5), to(#e5e5e5));
background-image: linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE9 */
background-image: linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background-repeat: repeat-x; /* Repeat the gradient */
border-bottom: 1px solid #d5d5d5;
}

2
docs/examples/navbar/index.html
View File

@ -52,7 +52,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
</body>
</html>

2
docs/examples/offcanvas/index.html
View File

@ -117,7 +117,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<script src="offcanvas.js"></script>
</body>

2
docs/examples/starter-template/index.html
View File

@ -51,7 +51,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
</body>
</html>

6
docs/examples/sticky-footer-navbar/index.html
View File

@ -42,11 +42,11 @@
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown</a>
<ul class="dropdown-menu" role="menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
@ -76,7 +76,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
</body>
</html>

2
docs/examples/tooltip-viewport/index.html
View File

@ -42,7 +42,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<script src="tooltip-viewport.js"></script>
</body>

3
docs/getting-started/community.md
View File

@ -7,9 +7,8 @@ Stay up to date on the development of Bootstrap and reach out to the community w
- Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com/).
- Chat with fellow Bootstrappers using IRC in the `irc.freenode.net` server, in the [##twitter-bootstrap channel](irc://irc.freenode.net/%23twitter-bootstrap).
- For help using Bootstrap, ask on [StackOverflow using the tag `twitter-bootstrap-3`](http://stackoverflow.com/questions/tagged/twitter-bootstrap-3).
- For help using Bootstrap, ask on [StackOverflow using the tag `twitter-bootstrap-3`](https://stackoverflow.com/questions/tagged/twitter-bootstrap-3).
- Find inspiring examples of people building with Bootstrap at the [Bootstrap Expo](http://expo.getbootstrap.com).
- Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability.
You can also follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap) for the latest gossip and awesome music videos.

4
docs/getting-started/compiling.md
View File

@ -12,7 +12,7 @@ Bootstrap uses [Grunt](http://gruntjs.com) for its build system, with convenient
## Install Grunt
**To install Grunt, you must first [download and install node.js](http://nodejs.org/download/)** (which includes npm). npm stands for [node packaged modules](http://npmjs.com/) and is a way to manage development dependencies through node.js.
**To install Grunt, you must first [download and install node.js](https://nodejs.org/download/)** (which includes npm). npm stands for [node packaged modules](http://npmjs.com/) and is a way to manage development dependencies through node.js.
From the command line:
@ -22,7 +22,7 @@ From the command line:
When completed, you'll be able to run the various Grunt commands provided from the command line.
**Unfamiliar with npm? Don't have node installed?** That's a-okay. npm stands for [node packaged modules](http://npmjs.com/) and is a way to manage development dependencies through node.js. [Download and install node.js](http://nodejs.org/download/) before proceeding.
**Unfamiliar with npm? Don't have node installed?** That's a-okay. npm stands for [node packaged modules](http://npmjs.com/) and is a way to manage development dependencies through node.js. [Download and install node.js](https://nodejs.org/download/) before proceeding.
[install-ruby]: https://www.ruby-lang.org/en/documentation/installation/
[gembundler]: http://bundler.io/

2
docs/getting-started/contents.md
View File

@ -33,7 +33,7 @@ bootstrap/
└── bootstrap.min.js
{% endhighlight %}
This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). CSS [source maps](https://developers.google.com/chrome-developer-tools/docs/css-preprocessors) (`bootstrap.*.map`) are available for use with certain browsers' developer tools.
This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). CSS [source maps](https://developer.chrome.com/devtools/docs/css-preprocessors) (`bootstrap.*.map`) are available for use with certain browsers' developer tools.
## Bootstrap source code

6
docs/getting-started/download.md
View File

@ -36,13 +36,13 @@ Need only a part of Bootstrap's CSS or JS? Use one of the custom builds to snag
Compiled and minified CSS and JavaScript. No docs or original source files are included.
<a href="{{ site.download.dist }}" class="btn btn-lg btn-outline" role="button" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download compiled');">Download Bootstrap</a>
<a href="{{ site.download.dist }}" class="btn btn-lg btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download compiled');">Download Bootstrap</a>
## Download source and docs
Source Sass, JavaScript, and documentation. **Requires a Sass compiler and [some setup](../compiling).**
<a href="{{ site.download.source }}" class="btn btn-lg btn-outline" role="button" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
<a href="{{ site.download.source }}" class="btn btn-lg btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
## Package managers
@ -73,6 +73,8 @@ $ meteor add twbs:bootstrap
### Composer
You can also install and manage Bootstrap's Less, CSS, JavaScript, and fonts using [Composer](https://getcomposer.org):
{% highlight bash %}
$ composer require twbs/bootstrap
{% endhighlight %}

6
docs/getting-started/support.md
View File

@ -131,13 +131,15 @@ Confirm the document mode by opening the debugging tools: press <kbd>F12</kbd> a
This tag is included in all of Bootstrap's documentation and examples to ensure the best rendering possible in each supported version of Internet Explorer.
See [this StackOverflow question](http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge) for more information.
See [this StackOverflow question](https://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge) for more information.
## Internet Explorer 10 in Windows Phone 8
Internet Explorer 10 in Windows Phone 8 versions older than [Update 3 (a.k.a. GDR3)](http://blogs.windows.com/windows_phone/b/wpdev/archive/2013/10/14/introducing-windows-phone-preview-for-developers.aspx) doesn't differentiate **device width** from **viewport width** in `@-ms-viewport` at-rules, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, you'll need to **include the following JavaScript to work around the bug**.
{% highlight js %}
// Copyright 2014-2015 Twitter, Inc.
// Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement('style')
msViewportStyle.appendChild(
@ -198,7 +200,7 @@ Out of the box, Android 4.1 (and even some newer releases apparently) ship with
#### Select menu
On `<select>` elements, the Android stock browser will not display the side controls if there is a `border-radius` and/or `border` applied. (See [this StackOverflow question](http://stackoverflow.com/questions/14744437/html-select-box-not-showing-drop-down-arrow-on-android-version-4-0-when-set-with) for details.) Use the snippet of code below to remove the offending CSS and render the `<select>` as an unstyled element on the Android stock browser. The user agent sniffing avoids interference with Chrome, Safari, and Mozilla browsers.
On `<select>` elements, the Android stock browser will not display the side controls if there is a `border-radius` and/or `border` applied. (See [this StackOverflow question](https://stackoverflow.com/questions/14744437/html-select-box-not-showing-drop-down-arrow-on-android-version-4-0-when-set-with) for details.) Use the snippet of code below to remove the offending CSS and render the `<select>` as an unstyled element on the Android stock browser. The user agent sniffing avoids interference with Chrome, Safari, and Mozilla browsers.
{% highlight html %}
<script>

3
docs/getting-started/template.md
View File

@ -24,10 +24,9 @@ Copy the HTML below to begin working with a minimal Bootstrap document.
<h1>Hello, world!</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
{% endhighlight %}

2
docs/getting-started/third-party-support.md
View File

@ -7,7 +7,7 @@ While we don't officially support any third party plugins or add-ons, we do offe
## Box-sizing
Some third-party software, including Google Maps and Google Custom Search Engine, conflict with Bootstrap due to `* { box-sizing: border-box; }`, a rule which makes it so `padding` does not affect the final computed width of an element. These widgets expect the box model to be `content-box` instead. Learn more about [box model and sizing at CSS Tricks](http://css-tricks.com/box-sizing/).
Some third-party software, including Google Maps and Google Custom Search Engine, conflict with Bootstrap due to `* { box-sizing: border-box; }`, a rule which makes it so `padding` does not affect the final computed width of an element. These widgets expect the box model to be `content-box` instead. Learn more about [box model and sizing at CSS Tricks](https://css-tricks.com/box-sizing/).
You can deal with this conflict by overriding the box model back to `content-box` just for the third-party widget's section of the page:

10
grunt/bs-commonjs-generator.js
View File

@ -1,3 +1,10 @@
/*!
* Bootstrap Grunt task for the CommonJS module generation
* http://getbootstrap.com
* Copyright 2014-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
'use strict';
var fs = require('fs');
@ -15,8 +22,7 @@ module.exports = function generateCommonJSModule(grunt, srcFiles, destFilepath)
var moduleOutputJs = COMMONJS_BANNER + srcFiles.map(srcPathToDestRequire).join('\n');
try {
fs.writeFileSync(destFilepath, moduleOutputJs);
}
catch (err) {
} catch (err) {
grunt.fail.warn(err);
}
grunt.log.writeln('File ' + destFilepath.cyan + ' created.');

9
grunt/configBridge.json
View File

@ -1,12 +1,11 @@
{
"paths": {
"docsJs": [
"assets/js/vendor/holder.js",
"../assets/js/vendor/holder.min.js",
"assets/js/vendor/jekyll-search.js",
"assets/js/vendor/ZeroClipboard.min.js",
"assets/js/vendor/anchor.js",
"assets/js/src/application.js"
"../assets/js/vendor/ZeroClipboard.min.js",
"../assets/js/vendor/anchor.js",
"../assets/js/src/application.js"
]
},
"config": {

Some files were not shown because too many files have changed in this diff Show More