From: XhmikosR Date: Sun, 30 Dec 2018 07:44:30 +0000 (+0200) Subject: Add `rel="noopener"` for external links. X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=32461e52d70417f9e7271ee5f4d022f759225ba6;p=thirdparty%2Fbootstrap.git Add `rel="noopener"` for external links. --- diff --git a/1.0.0/index.html b/1.0.0/index.html index 8766806089..102c4953a0 100755 --- a/1.0.0/index.html +++ b/1.0.0/index.html @@ -72,7 +72,7 @@

Fork on GitHub

Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.

Bootstrap on GitHub »

@@ -1149,7 +1149,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

@@ -1158,7 +1158,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

 <link rel="stylesheet/less" type="text/css" href="less/bootstrap.less" media="all" />
 <script type="text/javascript" src="js/less-1.0.41.min.js"></script>

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

What's included

Here are some of the highlights of what's included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

@@ -1304,8 +1304,8 @@ Lorem ipsum dolar sit amet illo error ipsum verita

- Designed and built with all the love in the world @twitter by @mdo and @fat.
- Licensed under the Apache License v2.0. + Designed and built with all the love in the world @twitter by @mdo and @fat.
+ Licensed under the Apache License v2.0.

diff --git a/1.1.0/index.html b/1.1.0/index.html index 6ba183192a..21f373e5b8 100755 --- a/1.1.0/index.html +++ b/1.1.0/index.html @@ -101,7 +101,7 @@

Fork on GitHub

Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.

Bootstrap on GitHub »

@@ -1229,7 +1229,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

@@ -1238,7 +1238,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

 <link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
 <script src="js/less-1.0.41.min.js"></script>

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

Whatâs included

Here are some of the highlights of whatâs included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

@@ -1384,8 +1384,8 @@ Lorem ipsum dolar sit amet illo error ipsum verita

diff --git a/1.1.1/index.html b/1.1.1/index.html index 1eb6c3a7fa..1fb87d03a4 100755 --- a/1.1.1/index.html +++ b/1.1.1/index.html @@ -101,7 +101,7 @@

Fork on GitHub

Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.

Bootstrap on GitHub »

@@ -1238,7 +1238,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

@@ -1247,7 +1247,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

 <link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
 <script src="js/less-1.1.3.min.js"></script>

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

Whatâs included

Here are some of the highlights of whatâs included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

@@ -1385,8 +1385,8 @@ Lorem ipsum dolar sit amet illo error ipsum verita

diff --git a/1.2.0/index.html b/1.2.0/index.html index 8544246f52..51cefae8fe 100755 --- a/1.2.0/index.html +++ b/1.2.0/index.html @@ -101,7 +101,7 @@

Fork on GitHub

Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.

Bootstrap on GitHub »

@@ -1263,7 +1263,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

@@ -1272,7 +1272,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

 <link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
 <script src="js/less-1.1.3.min.js"></script>

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

Whatâs included

Here are some of the highlights of whatâs included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

@@ -1410,8 +1410,8 @@ Lorem ipsum dolar sit amet illo error ipsum verita

diff --git a/1.3.0/index.html b/1.3.0/index.html index 3194c001c9..e3338aadcf 100755 --- a/1.3.0/index.html +++ b/1.3.0/index.html @@ -107,7 +107,7 @@

Fork on GitHub

Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.

Bootstrap on GitHub »

Currently v1.3.0

@@ -1714,7 +1714,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

What's included

Bring some of Bootstrap's primary components to life with new custom plugins that work with jQuery and Ender. We encourage you to extend and modify them to fit your specific development needs.

@@ -1769,7 +1769,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

@@ -1778,7 +1778,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

 <link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
 <script src="js/less-1.1.3.min.js"></script>

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

Whatâs included

Here are some of the highlights of whatâs included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

@@ -1931,8 +1931,8 @@ Lorem ipsum dolar sit amet illo error ipsum verita

- Designed and built with all the love in the world @twitter by @mdo and @fat.
- Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0. + Designed and built with all the love in the world @twitter by @mdo and @fat.
+ Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0.

diff --git a/1.3.0/javascript.html b/1.3.0/javascript.html index fd1d38f941..33ef03516a 100755 --- a/1.3.0/javascript.html +++ b/1.3.0/javascript.html @@ -73,7 +73,7 @@

Javascript for Bootstrap

- Bring Bootstrap's components to life with new, custom plugins that work with jQuery and Ender. + Bring Bootstrap's components to life with new, custom plugins that work with jQuery and Ender.

← Back to Bootstrap home

@@ -92,7 +92,7 @@

Our Modal plugin is a super slim take on the traditional modal js plugin, taking special care to include only the bare functionality that we require here at twitter.

- Download + Download

Using bootstrap-modal

@@ -220,7 +220,7 @@ $('#my-modal').bind('hidden', function () {

This plugin is for adding dropdown interaction to the bootstrap topbar or tabbed navigations.

- Download + Download

Using boostrap-dropdown.js

@@ -297,7 +297,7 @@ $('#my-modal').bind('hidden', function () {

This plugin is for adding the scrollspy (auto updating nav) interaction to the bootstrap topbar.

- Download + Download

Using boostrap-scrollspy.js

@@ -332,7 +332,7 @@ $('#my-modal').bind('hidden', function () {

This plugin adds quick, dynamic tab and pill functionality.

- Download + Download

Using boostrap-tabs.js

@@ -401,7 +401,7 @@ $('#my-modal').bind('hidden', function () {

Based on the excellent jQuery.tipsy plugin written by Jason Frame; twipsy is an updated version, which doesn't rely on images, uses css3 for animations, and data-attributes for title storage!

- Download + Download

Using bootstrap-twipsy.js

@@ -518,7 +518,7 @@ $('#my-modal').bind('hidden', function () {

The popover plugin provides a simple interface for adding popovers to your application. It extends the boostrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!

- Download + Download

Using boostrap-popover.js

@@ -639,7 +639,7 @@ $('#my-modal').bind('hidden', function () {

The alert plugin is a super tiny class for adding close functionality to alerts.

- Download + Download

Using bootstrap-alerts.js

@@ -675,8 +675,8 @@ $('#my-modal').bind('hidden', function () {

diff --git a/1.4.0/index.html b/1.4.0/index.html index 1662f24413..4596ddea19 100755 --- a/1.4.0/index.html +++ b/1.4.0/index.html @@ -97,7 +97,7 @@

Fork on GitHub

Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.

Bootstrap on GitHub »

Currently v1.3.0

@@ -1804,7 +1804,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

What's included

Bring some of Bootstrap's primary components to life with new custom plugins that work with jQuery and Ender. We encourage you to extend and modify them to fit your specific development needs.

@@ -1863,7 +1863,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

Bootstrap was built from Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

@@ -1872,7 +1872,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

 <link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
 <script src="js/less-1.1.3.min.js"></script>

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

Whatâs included

Here are some of the highlights of whatâs included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

@@ -2025,8 +2025,8 @@ Lorem ipsum dolar sit amet illo error ipsum verita

diff --git a/1.4.0/javascript.html b/1.4.0/javascript.html index c53556a7c5..880ec28554 100755 --- a/1.4.0/javascript.html +++ b/1.4.0/javascript.html @@ -75,7 +75,7 @@

Javascript for Bootstrap

- Bring Bootstrap's components to life with new, custom plugins that work with jQuery and Ender. + Bring Bootstrap's components to life with new, custom plugins that work with jQuery and Ender.

← Back to Bootstrap home

@@ -94,7 +94,7 @@

Our Modal plugin is a super slim take on the traditional modal js plugin, taking special care to include only the bare functionality that we require here at twitter.

- Download + Download

Using bootstrap-modal

@@ -221,7 +221,7 @@ $('#my-modal').bind('hidden', function () {

This plugin is for adding dropdown interaction to the bootstrap topbar or tabbed navigations.

- Download + Download

Using bootstrap-dropdown.js

@@ -298,7 +298,7 @@ $('#my-modal').bind('hidden', function () {

This plugin is for adding the scrollspy (auto updating nav) interaction to the bootstrap topbar.

- Download + Download

Using bootstrap-scrollspy.js

@@ -333,7 +333,7 @@ $('#my-modal').bind('hidden', function () {

This plugin offers additional functionality for managing button state.

- Download + Download

Using bootstrap-buttons.js

@@ -383,7 +383,7 @@ $('#my-modal').bind('hidden', function () {

This plugin adds quick, dynamic tab and pill functionality.

- Download + Download

Using bootstrap-tabs.js

@@ -486,7 +486,7 @@ $('#.tabs').bind('change', function (e) {

Based on the excellent jQuery.tipsy plugin written by Jason Frame; twipsy is an updated version, which doesn't rely on images, uses css3 for animations, and data-attributes for title storage!

- Download + Download

Using bootstrap-twipsy.js

@@ -612,7 +612,7 @@ $('#.tabs').bind('change', function (e) {

The popover plugin provides a simple interface for adding popovers to your application. It extends the bootstrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!

Notice You must include the bootstrap-twipsy.js file before bootstrap-popover.js.

- Download + Download

Using bootstrap-popover.js

@@ -741,7 +741,7 @@ $('#.tabs').bind('change', function (e) {

The alert plugin is a super tiny class for adding close functionality to alerts.

- Download + Download

Using bootstrap-alerts.js

@@ -797,8 +797,8 @@ $('#.tabs').bind('change', function (e) {

diff --git a/2.0.0/base-css.html b/2.0.0/base-css.html index 1fcfc115a2..2e17659efc 100755 --- a/2.0.0/base-css.html +++ b/2.0.0/base-css.html @@ -1310,7 +1310,7 @@ For example, <code>section</code> should be wrapped as inline. ================================================== -->

@@ -1465,7 +1465,7 @@ For example, <code>section</code> should be wrapped as inline.

Built as a sprite

Instead of making every icon an extra request, we've compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.

All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.

How to use

@@ -1557,8 +1557,8 @@ For example, <code>section</code> should be wrapped as inline. ================================================== --> diff --git a/2.0.0/components.html b/2.0.0/components.html index ad977fda1d..b3a2fc6bc9 100755 --- a/2.0.0/components.html +++ b/2.0.0/components.html @@ -1492,8 +1492,8 @@ ================================================== --> diff --git a/2.0.0/download.html b/2.0.0/download.html index 40f94d5c66..abc5ab0a8e 100755 --- a/2.0.0/download.html +++ b/2.0.0/download.html @@ -99,8 +99,8 @@ ================================================== --> diff --git a/2.0.0/examples.html b/2.0.0/examples.html index 0daa16df8a..2096adce7c 100755 --- a/2.0.0/examples.html +++ b/2.0.0/examples.html @@ -120,8 +120,8 @@ ================================================== --> diff --git a/2.0.0/index.html b/2.0.0/index.html index 27b20a2bfa..4487bef929 100755 --- a/2.0.0/index.html +++ b/2.0.0/index.html @@ -190,20 +190,20 @@

Built with Bootstrap.

For even more sites built with Bootstrap, visit the unofficial Tumblr or browse the examples.

Javascript for Bootstrap

Bring Bootstrap's components to life—now with 12 custom jQuery plugins. +

Bring Bootstrap's components to life—now with 12 custom jQuery plugins.

All plugins

About modals

A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.

- Download file + Download file

Static example

@@ -374,7 +374,7 @@ $('#myModal').on('hidden', function () {

About dropdowns

Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.

- Download file + Download file

Examples

@@ -502,7 +502,7 @@ $('#myModal').on('hidden', function () {

The ScrollSpy plugin is for automatically updating nav targets based on scroll position.

- Download file + Download file

Example navbar with scrollspy

@@ -596,7 +596,7 @@ $('#myModal').on('hidden', function () {

This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.

- Download file + Download file

Example tabs

@@ -704,7 +704,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About Tooltips

Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.

- Download file + Download file

Example use of Tooltips

@@ -805,7 +805,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

* Requires Tooltip to be included

- Download file + Download file

Example hover popover

@@ -912,7 +912,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About alerts

The alert plugin is a tiny class for adding close functionality to alerts.

- Download + Download

Example alerts

@@ -982,7 +982,7 @@ $('#my-alert').bind('closed', function () {

About

Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

- Download file + Download file

Example uses

@@ -1089,7 +1089,7 @@ $('#my-alert').bind('closed', function () {

About

Get base styles and flexible support for collapsible components like accordions and navigation.

- Download file + Download file

Example accordion

@@ -1242,7 +1242,7 @@ $('#myCollapsible').on('hidden', function () {

About

A generic plugin for cycling through elements. A merry-go-round.

- Download file + Download file

Example carousel

@@ -1368,7 +1368,7 @@ $('.myCarousel').carousel({

About

A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

- Download file + Download file

Example

@@ -1440,8 +1440,8 @@ $('.myCarousel').carousel({ ================================================== --> diff --git a/2.0.0/less.html b/2.0.0/less.html index 95064b5dda..90318c39d1 100755 --- a/2.0.0/less.html +++ b/2.0.0/less.html @@ -87,7 +87,7 @@ ================================================== -->

Using LESS with Bootstrap

Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.

Built with Less

More Mac apps

Crunch

Crunch is a great looking LESS editor and compiler built on Adobe Air.

CodeKit

Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

@@ -771,8 +771,8 @@ ================================================== --> diff --git a/2.0.0/scaffolding.html b/2.0.0/scaffolding.html index cffd0537cc..8966130308 100755 --- a/2.0.0/scaffolding.html +++ b/2.0.0/scaffolding.html @@ -413,8 +413,8 @@ ================================================== --> diff --git a/2.0.0/upgrading.html b/2.0.0/upgrading.html index e21661a000..ee07a409f0 100755 --- a/2.0.0/upgrading.html +++ b/2.0.0/upgrading.html @@ -272,8 +272,8 @@ ================================================== --> diff --git a/2.0.1/base-css.html b/2.0.1/base-css.html index 7ed533cc78..cc3861a559 100755 --- a/2.0.1/base-css.html +++ b/2.0.1/base-css.html @@ -1381,7 +1381,7 @@ For example, <code>section</code> should be wrapped as inline. ================================================== -->

@@ -1532,7 +1532,7 @@ For example, <code>section</code> should be wrapped as inline.

Built as a sprite

All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.

How to use

@@ -1624,8 +1624,8 @@ For example, <code>section</code> should be wrapped as inline. ================================================== --> diff --git a/2.0.1/components.html b/2.0.1/components.html index 8878630064..f83f3e4191 100755 --- a/2.0.1/components.html +++ b/2.0.1/components.html @@ -1567,8 +1567,8 @@ ================================================== --> diff --git a/2.0.1/download.html b/2.0.1/download.html index 134864891c..f133a23fb4 100755 --- a/2.0.1/download.html +++ b/2.0.1/download.html @@ -98,8 +98,8 @@ ================================================== --> diff --git a/2.0.1/examples.html b/2.0.1/examples.html index acde796eac..b8779f1be2 100755 --- a/2.0.1/examples.html +++ b/2.0.1/examples.html @@ -120,8 +120,8 @@ ================================================== --> diff --git a/2.0.1/index.html b/2.0.1/index.html index 570a1456ce..697fedbdda 100755 --- a/2.0.1/index.html +++ b/2.0.1/index.html @@ -198,20 +198,20 @@

Built with Bootstrap.

For even more sites built with Bootstrap, visit the unofficial Tumblr or browse the examples.

Javascript for Bootstrap

Bring Bootstrap's components to life—now with 12 custom jQuery plugins. +

Bring Bootstrap's components to life—now with 12 custom jQuery plugins.

All plugins

About modals

A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.

- Download file + Download file

Static example

@@ -380,7 +380,7 @@ $('#myModal').on('hidden', function () {

About dropdowns

Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.

- Download file + Download file

Examples

@@ -508,7 +508,7 @@ $('#myModal').on('hidden', function () {

The ScrollSpy plugin is for automatically updating nav targets based on scroll position.

- Download file + Download file

Example navbar with scrollspy

@@ -602,7 +602,7 @@ $('#myModal').on('hidden', function () {

This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.

- Download file + Download file

Example tabs

@@ -710,7 +710,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About Tooltips

Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use css3 for animations, and data-attributes for local title storage.

- Download file + Download file

Example use of Tooltips

@@ -814,7 +814,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

* Requires Tooltip to be included

- Download file + Download file

Example hover popover

@@ -921,7 +921,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About alerts

The alert plugin is a tiny class for adding close functionality to alerts.

- Download + Download

Example alerts

@@ -991,7 +991,7 @@ $('#my-alert').bind('closed', function () {

About

Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

- Download file + Download file

Example uses

@@ -1098,7 +1098,7 @@ $('#my-alert').bind('closed', function () {

About

Get base styles and flexible support for collapsible components like accordions and navigation.

- Download file + Download file

Example accordion

@@ -1251,7 +1251,7 @@ $('#myCollapsible').on('hidden', function () {

About

A generic plugin for cycling through elements. A merry-go-round.

- Download file + Download file

Example carousel

@@ -1379,7 +1379,7 @@ $('.myCarousel').carousel({

About

A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

- Download file + Download file

Example

@@ -1451,8 +1451,8 @@ $('.myCarousel').carousel({ ================================================== --> diff --git a/2.0.1/less.html b/2.0.1/less.html index 706e936010..8aee8d7d9d 100755 --- a/2.0.1/less.html +++ b/2.0.1/less.html @@ -87,7 +87,7 @@ ================================================== -->

Using LESS with Bootstrap

Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.

Built with Less

More Mac apps

Crunch

Crunch is a great looking LESS editor and compiler built on Adobe Air.

CodeKit

Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

@@ -770,8 +770,8 @@ ================================================== --> diff --git a/2.0.1/scaffolding.html b/2.0.1/scaffolding.html index 0c1a96222f..8d43a4c33f 100755 --- a/2.0.1/scaffolding.html +++ b/2.0.1/scaffolding.html @@ -523,8 +523,8 @@ ================================================== --> diff --git a/2.0.1/upgrading.html b/2.0.1/upgrading.html index 2eb18ec246..c8c76c3b93 100755 --- a/2.0.1/upgrading.html +++ b/2.0.1/upgrading.html @@ -283,8 +283,8 @@ ================================================== --> diff --git a/2.0.2/base-css.html b/2.0.2/base-css.html index 4c24a98ab2..efb1f4ef09 100755 --- a/2.0.2/base-css.html +++ b/2.0.2/base-css.html @@ -1419,7 +1419,7 @@ For example, <code>section</code> should be wrapped as inline. ================================================== -->

@@ -1567,7 +1567,7 @@ For example, <code>section</code> should be wrapped as inline.

Built as a sprite

All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.

How to use

@@ -1663,8 +1663,8 @@ For example, <code>section</code> should be wrapped as inline. ================================================== --> diff --git a/2.0.2/components.html b/2.0.2/components.html index ef2744d900..6759dd8f87 100755 --- a/2.0.2/components.html +++ b/2.0.2/components.html @@ -1917,8 +1917,8 @@ ================================================== --> diff --git a/2.0.2/download.html b/2.0.2/download.html index cdfe79ccea..c4399b04fb 100755 --- a/2.0.2/download.html +++ b/2.0.2/download.html @@ -99,8 +99,8 @@ ================================================== --> diff --git a/2.0.2/examples.html b/2.0.2/examples.html index a50eb6f1cc..7fb199800f 100755 --- a/2.0.2/examples.html +++ b/2.0.2/examples.html @@ -120,8 +120,8 @@ ================================================== --> diff --git a/2.0.2/index.html b/2.0.2/index.html index 3de21f3ed0..a2460925d7 100755 --- a/2.0.2/index.html +++ b/2.0.2/index.html @@ -201,7 +201,7 @@

Built with Bootstrap.

For even more sites built with Bootstrap, visit the unofficial Tumblr or browse the examples.

@@ -209,17 +209,17 @@
- +
- +
- +

Javascript for Bootstrap

Bring Bootstrap's components to life—now with 12 custom jQuery plugins. +

Bring Bootstrap's components to life—now with 12 custom jQuery plugins.

All plugins

About modals

A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.

- Download file + Download file

Static example

@@ -391,7 +391,7 @@ $('#myModal').on('hidden', function () {

About dropdowns

Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.

- Download file + Download file

Examples

@@ -519,7 +519,7 @@ $('#myModal').on('hidden', function () {

The ScrollSpy plugin is for automatically updating nav targets based on scroll position.

- Download file + Download file

Example navbar with scrollspy

@@ -613,7 +613,7 @@ $('#myModal').on('hidden', function () {

This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.

- Download file + Download file

Example tabs

@@ -721,7 +721,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About Tooltips

- Download file + Download file

Example use of Tooltips

@@ -825,7 +825,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

* Requires Tooltip to be included

- Download file + Download file

Example hover popover

@@ -932,7 +932,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About alerts

The alert plugin is a tiny class for adding close functionality to alerts.

- Download + Download

Example alerts

@@ -1002,7 +1002,7 @@ $('#my-alert').bind('closed', function () {

About

Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

- Download file + Download file

Example uses

@@ -1109,7 +1109,7 @@ $('#my-alert').bind('closed', function () {

About

Get base styles and flexible support for collapsible components like accordions and navigation.

- Download file + Download file

Example accordion

@@ -1262,7 +1262,7 @@ $('#myCollapsible').on('hidden', function () {

About

A generic plugin for cycling through elements. A merry-go-round.

- Download file + Download file

Example carousel

@@ -1396,7 +1396,7 @@ $('.carousel').carousel({

About

A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

- Download file + Download file

Example

@@ -1468,8 +1468,8 @@ $('.carousel').carousel({ ================================================== --> diff --git a/2.0.2/less.html b/2.0.2/less.html index 9626af4e86..50741fd09f 100755 --- a/2.0.2/less.html +++ b/2.0.2/less.html @@ -87,7 +87,7 @@ ================================================== -->

Using LESS with Bootstrap

Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.

Built with Less

More Mac apps

Crunch

Crunch is a great looking LESS editor and compiler built on Adobe Air.

CodeKit

Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

@@ -765,8 +765,8 @@ ================================================== --> diff --git a/2.0.2/scaffolding.html b/2.0.2/scaffolding.html index 912f6a2fe4..07c577d72d 100755 --- a/2.0.2/scaffolding.html +++ b/2.0.2/scaffolding.html @@ -132,7 +132,7 @@

Reset via Normalize

As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from Normalize.css, a project by Nicolas Gallagher that also powers the HTML5 Boilerplate.

The new reset can still be found in reset.less, but with many elements removed for brevity and accuracy.

@@ -648,8 +648,8 @@ ================================================== --> diff --git a/2.0.2/upgrading.html b/2.0.2/upgrading.html index 86aed71e29..dde6800b77 100755 --- a/2.0.2/upgrading.html +++ b/2.0.2/upgrading.html @@ -283,8 +283,8 @@ ================================================== --> diff --git a/2.0.3/base-css.html b/2.0.3/base-css.html index 058d06f16b..62f3a9f0a8 100755 --- a/2.0.3/base-css.html +++ b/2.0.3/base-css.html @@ -1419,7 +1419,7 @@ For example, <code>section</code> should be wrapped as inline. ================================================== -->

@@ -1587,7 +1587,7 @@ For example, <code>section</code> should be wrapped as inline.

Built as a sprite

All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.

How to use

@@ -1682,8 +1682,8 @@ For example, <code>section</code> should be wrapped as inline. ================================================== --> diff --git a/2.0.3/components.html b/2.0.3/components.html index af2899b341..2ee3784713 100755 --- a/2.0.3/components.html +++ b/2.0.3/components.html @@ -1905,8 +1905,8 @@ ================================================== --> diff --git a/2.0.3/download.html b/2.0.3/download.html index 56dc9274f8..ade7d7a850 100755 --- a/2.0.3/download.html +++ b/2.0.3/download.html @@ -99,8 +99,8 @@ ================================================== --> diff --git a/2.0.3/examples.html b/2.0.3/examples.html index de56809067..cf70a47e4c 100755 --- a/2.0.3/examples.html +++ b/2.0.3/examples.html @@ -121,8 +121,8 @@ ================================================== --> diff --git a/2.0.3/index.html b/2.0.3/index.html index 99fc5d1a34..54e38906e0 100755 --- a/2.0.3/index.html +++ b/2.0.3/index.html @@ -203,7 +203,7 @@

Built with Bootstrap.

For even more sites built with Bootstrap, visit the unofficial Tumblr or browse the examples.

@@ -211,17 +211,17 @@
- +
- +
- +

Javascript for Bootstrap

Bring Bootstrap's components to life—now with 12 custom jQuery plugins. +

Bring Bootstrap's components to life—now with 12 custom jQuery plugins.

All plugins

About modals

A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.

- Download file + Download file

Static example

@@ -392,7 +392,7 @@ $('#myModal').on('hidden', function () {

About dropdowns

Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.

- Download file + Download file

Examples

@@ -534,7 +534,7 @@ $('#myModal').on('hidden', function () {

The ScrollSpy plugin is for automatically updating nav targets based on scroll position.

- Download file + Download file

Example navbar with scrollspy

@@ -651,7 +651,7 @@ $('[data-spy="scroll"]').each(function () {

This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.

- Download file + Download file

Example tabs

@@ -770,7 +770,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About Tooltips

- Download file + Download file

Example use of Tooltips

@@ -874,7 +874,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

* Requires Tooltip to be included

- Download file + Download file

Example hover popover

@@ -981,7 +981,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About alerts

The alert plugin is a tiny class for adding close functionality to alerts.

- Download + Download

Example alerts

@@ -1051,7 +1051,7 @@ $('#my-alert').bind('closed', function () {

About

Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

- Download file + Download file

Example uses

@@ -1158,7 +1158,7 @@ $('#my-alert').bind('closed', function () {

About

Get base styles and flexible support for collapsible components like accordions and navigation.

- Download file + Download file

* Requires the Transitions plugin to be included.

@@ -1312,7 +1312,7 @@ $('#myCollapsible').on('hidden', function () {

About

A generic plugin for cycling through elements. A merry-go-round.

- Download file + Download file

Example carousel

@@ -1446,7 +1446,7 @@ $('.carousel').carousel({

About

A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

- Download file + Download file

Example

@@ -1518,8 +1518,8 @@ $('.carousel').carousel({ ================================================== --> diff --git a/2.0.3/less.html b/2.0.3/less.html index 21ef557599..85847c6ae5 100755 --- a/2.0.3/less.html +++ b/2.0.3/less.html @@ -88,7 +88,7 @@ ================================================== -->

Using LESS with Bootstrap

Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.

Built with Less

More Mac apps

Crunch

Crunch is a great looking LESS editor and compiler built on Adobe Air.

CodeKit

Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

@@ -1028,8 +1028,8 @@ ================================================== --> diff --git a/2.0.3/scaffolding.html b/2.0.3/scaffolding.html index 2475a6e7c3..e807a881d9 100755 --- a/2.0.3/scaffolding.html +++ b/2.0.3/scaffolding.html @@ -133,7 +133,7 @@

Reset via Normalize

As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from Normalize.css, a project by Nicolas Gallagher that also powers the HTML5 Boilerplate.

The new reset can still be found in reset.less, but with many elements removed for brevity and accuracy.

@@ -646,8 +646,8 @@ ================================================== --> diff --git a/2.0.3/upgrading.html b/2.0.3/upgrading.html index 52cfd0f1c5..22adceb549 100755 --- a/2.0.3/upgrading.html +++ b/2.0.3/upgrading.html @@ -284,8 +284,8 @@ ================================================== --> diff --git a/2.0.4/base-css.html b/2.0.4/base-css.html index aa1c326c00..687b2fe159 100755 --- a/2.0.4/base-css.html +++ b/2.0.4/base-css.html @@ -1421,7 +1421,7 @@ For example, <code>section</code> should be wrapped as inline. ================================================== -->

@@ -1589,7 +1589,7 @@ For example, <code>section</code> should be wrapped as inline.

Built as a sprite

All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.

How to use

@@ -1684,8 +1684,8 @@ For example, <code>section</code> should be wrapped as inline. ================================================== --> diff --git a/2.0.4/components.html b/2.0.4/components.html index 93b605b5d4..6ab578d298 100755 --- a/2.0.4/components.html +++ b/2.0.4/components.html @@ -1905,8 +1905,8 @@ ================================================== --> diff --git a/2.0.4/download.html b/2.0.4/download.html index f715d320b3..5b0a168754 100755 --- a/2.0.4/download.html +++ b/2.0.4/download.html @@ -99,8 +99,8 @@ ================================================== --> diff --git a/2.0.4/examples.html b/2.0.4/examples.html index 9514c41ddd..028fcb8768 100755 --- a/2.0.4/examples.html +++ b/2.0.4/examples.html @@ -121,8 +121,8 @@ ================================================== --> diff --git a/2.0.4/index.html b/2.0.4/index.html index 15e4d1208d..576912fe16 100755 --- a/2.0.4/index.html +++ b/2.0.4/index.html @@ -203,7 +203,7 @@

Built with Bootstrap.

For even more sites built with Bootstrap, visit the unofficial Tumblr or browse the examples.

@@ -211,17 +211,17 @@
- +
- +
- +

Javascript for Bootstrap

Bring Bootstrap's components to life—now with 12 custom jQuery plugins. +

Bring Bootstrap's components to life—now with 12 custom jQuery plugins.

All plugins

About modals

A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.

- Download file + Download file

Static example

@@ -368,7 +368,7 @@ $('#myModal').on('hidden', function () {

About dropdowns

Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.

- Download file + Download file

Examples

@@ -510,7 +510,7 @@ $('#myModal').on('hidden', function () {

The ScrollSpy plugin is for automatically updating nav targets based on scroll position.

- Download file + Download file

Example navbar with scrollspy

@@ -627,7 +627,7 @@ $('[data-spy="scroll"]').each(function () {

This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.

- Download file + Download file

Example tabs

@@ -746,7 +746,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About Tooltips

- Download file + Download file

Example use of Tooltips

@@ -850,7 +850,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

* Requires Tooltip to be included

- Download file + Download file

Example hover popover

@@ -957,7 +957,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About alerts

The alert plugin is a tiny class for adding close functionality to alerts.

- Download + Download

Example alerts

@@ -1027,7 +1027,7 @@ $('#my-alert').bind('closed', function () {

About

Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

- Download file + Download file

Example uses

@@ -1134,7 +1134,7 @@ $('#my-alert').bind('closed', function () {

About

Get base styles and flexible support for collapsible components like accordions and navigation.

- Download file + Download file

* Requires the Transitions plugin to be included.

@@ -1288,7 +1288,7 @@ $('#myCollapsible').on('hidden', function () {

About

A generic plugin for cycling through elements. A merry-go-round.

- Download file + Download file

Example carousel

@@ -1422,7 +1422,7 @@ $('.carousel').carousel({

About

A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

- Download file + Download file

Example

@@ -1494,8 +1494,8 @@ $('.carousel').carousel({ ================================================== --> diff --git a/2.0.4/less.html b/2.0.4/less.html index b60fb42fc6..65f5b083a5 100755 --- a/2.0.4/less.html +++ b/2.0.4/less.html @@ -88,7 +88,7 @@ ================================================== -->

Using LESS with Bootstrap

Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.

Built with Less

More Mac apps

Crunch

Crunch is a great looking LESS editor and compiler built on Adobe Air.

CodeKit

Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

@@ -1034,8 +1034,8 @@ ================================================== --> diff --git a/2.0.4/scaffolding.html b/2.0.4/scaffolding.html index caef53df9c..88e3f8185f 100755 --- a/2.0.4/scaffolding.html +++ b/2.0.4/scaffolding.html @@ -133,7 +133,7 @@

Reset via Normalize

As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from Normalize.css, a project by Nicolas Gallagher that also powers the HTML5 Boilerplate.

The new reset can still be found in reset.less, but with many elements removed for brevity and accuracy.

@@ -645,8 +645,8 @@ ================================================== --> diff --git a/2.0.4/upgrading.html b/2.0.4/upgrading.html index c7d230e63f..e6fbbce7c9 100755 --- a/2.0.4/upgrading.html +++ b/2.0.4/upgrading.html @@ -284,8 +284,8 @@ ================================================== --> diff --git a/2.1.0/base-css.html b/2.1.0/base-css.html index 9175f6e9e0..8abe43645b 100755 --- a/2.1.0/base-css.html +++ b/2.1.0/base-css.html @@ -1612,11 +1612,11 @@ For example, <code><section></code> should be wrapped as inlin ================================================== -->

Icon glyphs

140 icons in sprite form, available in dark gray (default) and white, provided by Glyphicons.

icon-glass
icon-music

@@ -255,8 +255,8 @@

Browser(s)	Summary of bug	Upstream bug(s)	Bootstrap issue(s)
Microsoft Edge	Native browser tooltip for `title` shows on first keyboard focus (in addition to custom tooltip component)	Edge issue #6793560	#18692
Microsoft Edge	Hovered element still remains in `:hover` state after scrolling away.	Edge issue #5381673	#14211
Microsoft Edge	When hovering over a `<select>` menu item, the cursor for the element underneath the menu is displayed.	Edge issue #817822	#14528
Microsoft Edge	CSS `border-radius` sometimes causes lines of bleed-through of the `background-color` of the parent element.	Edge issue #3342037	#16671
Microsoft Edge	`background` of `<tr>` is only applied to first child cell instead of all cells in the row	Edge issue #5865620	#18504
Microsoft Edge	`@-ms-viewport{width: device-width;}` has side-effect of making scrollbars auto-hide	Edge issue #7165383	#18543
Microsoft Edge	Background color from lower layer bleeds through transparent border in some cases	Edge issue #6274505	#18228
Microsoft Edge	Hovering over descendant SVG element fires `mouseleave` event at ancestor	Edge issue #7787318	#19670
Firefox	`.table-bordered` with an empty `<tbody>` is missing borders.	Mozilla bug #1023761	#13453
Firefox	If the disabled state of a form control is changed via JavaScript, the normal state doesnât return after refreshing the page.	Mozilla bug #654072	#793
Firefox	`focus` events should not be fired at the `document` object	Mozilla bug #1228802	#18365
Firefox	Wide floated table doesnât wrap onto new line	Mozilla bug #1277782	#19839
Firefox	Mouse sometimes not within element for purposes of `mouseenter`/`mouseleave` when itâs within SVG elements	Mozilla bug #577785	#19670
Firefox	`position: absolute` element thatâs wider than its column renders differently than other browsers	Mozilla bug #1282363	#20161
Firefox (Windows)	Right border of `<select>` menu is sometimes missing when screen is set to uncommon resolution	Mozilla bug #545685	#15990
Firefox (OS X & Linux)	Badge widget causes bottom border of Tabs widget to unexpectedly not overlap	Mozilla bug #1259972	#19626
Chrome (Android)	Tapping on an `<input>` in a scrollable overlay doesnât scroll the `<input>` into view	Chromium issue #595210	#17338
Chrome (OS X)	Clicking above `<input type="number">` increment button flashes the decrement button.	Chromium issue #419108	Offshoot of #8350 & Chromium issue #337668
Chrome	CSS infinite linear animation with alpha transparency leaks memory.	Chromium issue #429375	#14409
Chrome	`:focus` `outline` style causes cursor to not be displayed when toggling a `readonly` `<input>` to read-write.	Chromium issue #465274	#16022
Chrome	`table-cell` borders not overlapping despite `margin-right: -1px`	Chromium issue #534750	#17438, #14237
Chrome	Clicking scrollbar in `<select multiple>` with overflowed options will select nearby `<option>`	Chromium issue #597642	#19810
Chrome	Donât make `:hover` sticky on touch-friendly webpages	Chromium issue #370155	#12832
Chrome (Windows & Linux)	Animation glitch when returning to inactive tab after animations occurred while tab was hidden.	Chromium issue #449180	#15298
Safari	`rem` units in media queries should be calculated using `font-size: initial`, not the root elementâs `font-size`	WebKit bug #156684	#17403
Safari (OS X)	`px`, `em`, and `rem` should all behave the same in media queries when page zoom is applied	WebKit bug #156687	#17403
Safari (OS X)	Weird button behavior with some `<input type="number">` elements.	WebKit bug #137269, Apple Safari Radar #18834768	#8350, Normalize #283, Chromium issue #337668
Safari (OS X)	Small font size when printing webpage with fixed-width `.container`.	WebKit bug #138192, Apple Safari Radar #19435018	#14868
Safari (iPad)	`<select>` menu on iPad causes shifting of hit-testing areas	WebKit bug #150079, Apple Safari Radar #23082521	#14975
Safari (iOS)	`transform: translate3d(0,0,0);` rendering bug.	WebKit bug #138162, Apple Safari Radar #18804973	#14603
Safari (iOS)	Text inputâs cursor doesnât move while scrolling the page.	WebKit bug #138201, Apple Safari Radar #18819624	#14708
Safari (iOS)	Canât move cursor to start of text after entering long string of text into `<input type="text">`	WebKit bug #148061, Apple Safari Radar #22299624	#16988
Safari (iOS)	`display: block` causes text of temporal `<input>`s to become vertically misaligned	WebKit bug #139848, Apple Safari Radar #19434878	#11266, #13098
Safari (iOS)	Tapping on `<body>` doesnât fire `click` events	WebKit bug #151933	#16028
Safari (iOS)	`position:fixed` is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari	WebKit bug #153056	#18859
Safari (iOS)	Tapping into an `<input>` within a `position:fixed` element scrolls to the top of the page	WebKit bug #153224, Apple Safari Radar #24235301	#17497
Safari (iOS)	`<body>` with `overflow:hidden` CSS is scrollable on iOS	WebKit bug #153852	#14839
Safari (iOS)	Scroll gesture in text field in `position:fixed` element sometimes scrolls `<body>` instead of scrollable ancestor	WebKit bug #153856	#14839
Safari (iOS)	Tapping from one `<input>` to another in an overlay can cause shaking/jiggling effect	WebKit bug #158276	#19927
Safari (iOS)	Modal with `-webkit-overflow-scrolling: touch` doesnât become scrollable after added text makes it taller	WebKit bug #158342	#17695
Safari (iOS)	Donât make `:hover` sticky on touch-friendly webpages	WebKit bug #158517	#12832
Safari (iPad Pro)	Rendering of descendants of `position: fixed` element gets clipped on iPad Pro in Landscape orientation	WebKit bug #152637, Apple Safari Radar #24030853	#18738

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

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

Browser(s)	Summary of feature	Upstream issue(s)	Bootstrap issue(s)
Microsoft Edge	Implement the `:dir()` pseudo-class from Selectors Level 4	Edge UserVoice idea #12299532	#19984
Microsoft Edge	Implement sticky positioning from CSS Positioned Layout Level 3	Edge UserVoice idea #6263621	#17021
Firefox	Fire a `transitioncancel` event when a CSS transition is canceled	Mozilla bug #1264125	Mozilla bug #1182856
Firefox	Implement the `of <selector-list>` clause of the `:nth-child()` pseudo-class	Mozilla bug #854148	#20143
Firefox	Implement the HTML5 `<dialog>` element	Mozilla bug #840640	#20175
Chrome	Implement the `of <selector-list>` clause of the `:nth-child()` pseudo-class	Chromium issue #304163	#20143
Chrome	Implement the `:dir()` pseudo-class from Selectors Level 4	Chromium issue #576815	#19984
Chrome	Implement sticky positioning from CSS Positioned Layout Level 3	Chromium issue #231752	#17021
Safari	Implement the `:dir()` pseudo-class from Selectors Level 4	WebKit bug #64861	#19984
Safari	Implement the HTML5 `<dialog>` element	WebKit bug #84635	#20175

\ No newline at end of file + Wall of browser bugs · Bootstrap Bootstrap 4 is here!

Wall of browser bugs

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

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

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

Default well

Use the well as a simple effect on an element to give it an inset effect.

Look, I'm in a well!

<div class="well">...</div>

Optional classes

Control padding and rounded corners with two optional modifier classes.

Look, I'm in a large well!

<div class="well well-lg">...</div>

Look, I'm in a small well!

<div class="well well-sm">...</div>

\ No newline at end of file +</div>

Default well

Use the well as a simple effect on an element to give it an inset effect.

Look, I'm in a well!

<div class="well">...</div>

Optional classes

Control padding and rounded corners with two optional modifier classes.

Look, I'm in a large well!

<div class="well well-lg">...</div>

Look, I'm in a small well!

<div class="well well-sm">...</div>

\ No newline at end of file diff --git a/docs/3.3/css/index.html b/docs/3.3/css/index.html index 1341211fef..9386ec45b7 100644 --- a/docs/3.3/css/index.html +++ b/docs/3.3/css/index.html @@ -1,7 +1,7 @@ CSS · Bootstrap Bootstrap 4 is here!

CSS

Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.

Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.

HTML5 doctype

Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.

<!DOCTYPE html>
 <html lang="en">
   ...
-</html>

Mobile first

With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

<meta name="viewport" content="width=device-width, initial-scale=1">

You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Typography and links

Bootstrap sets basic global display, typography, and link styles. Specifically, we:

Set background-color: #fff; on the body
Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base
Set the global link color via @link-color and apply link underlines only on :hover

These styles can be found within scaffolding.less.

Normalize.css

For improved cross-browser rendering, we use Normalize.css, a project by Nicolas Gallagher and Jonathan Neal.

Containers

Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable.

Use .container for a responsive fixed width container.

<div class="container">
+</html>

Mobile first

To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Typography and links

Bootstrap sets basic global display, typography, and link styles. Specifically, we:

Set background-color: #fff; on the body
Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base
Set the global link color via @link-color and apply link underlines only on :hover

These styles can be found within scaffolding.less.

Normalize.css

For improved cross-browser rendering, we use Normalize.css, a project by Nicolas Gallagher and Jonathan Neal.

Containers

Use .container for a responsive fixed width container.

<div class="container">
   ...
 </div>

Use .container-fluid for a full width container, spanning the entire width of your viewport.

<div class="container-fluid">
   ...
@@ -886,7 +886,7 @@ To edit settings, press <kbd><kbd>ctrl@component-active-bg:            @brand-primary;
 
 @caret-width-base:               4px;
-@caret-width-large:              5px;

Vendor mixins

Vendor mixins are mixins to help support multiple browsers by including all relevant vendor prefixes in your compiled CSS.

Box-sizing

Reset your components' box model with a single mixin. For context, see this helpful article from Mozilla.

The mixin is deprecated as of v3.2.0, with the introduction of Autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixin internally until Bootstrap v4.

.box-sizing(@box-model) {
+@caret-width-large:              5px;

Vendor mixins

Vendor mixins are mixins to help support multiple browsers by including all relevant vendor prefixes in your compiled CSS.

Box-sizing

Reset your components' box model with a single mixin. For context, see this helpful article from Mozilla.

The mixin is deprecated as of v3.2.0, with the introduction of Autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixin internally until Bootstrap v4.

.box-sizing(@box-model) {
   -webkit-box-sizing: @box-model; // Safari <= 5
      -moz-box-sizing: @box-model; // Firefox <= 19
           box-sizing: @box-model;
@@ -1032,7 +1032,7 @@ To edit settings, press <kbd><kbd>ctrl}

Gradients

Easily turn any two colors into a background gradient. Get more advanced and set a direction, use three colors, or use a radial gradient. With a single mixin you get all the prefixed syntaxes you'll need.

#gradient > .vertical(#333; #000);
 #gradient > .horizontal(#333; #000);
 #gradient > .radial(#333; #000);

You can also specify the angle of a standard two-color, linear gradient:

#gradient > .directional(#333; #000; 45deg);

If you need a barber-stripe style gradient, that's easy, too. Just specify a single color and we'll overlay a translucent white stripe.

#gradient > .striped(#333; 45deg);

Up the ante and use three colors instead. Set the first color, the second color, the second color's color stop (a percentage value like 25%), and the third color with these mixins:

#gradient > .vertical-three-colors(#777; #333; 25%; #000);
-#gradient > .horizontal-three-colors(#777; #333; 25%; #000);

Heads up! Should you ever need to remove a gradient, be sure to remove any IE-specific filter you may have added. You can do that by using the .reset-filter() mixin alongside background-image: none;.

Utility mixins

Utility mixins are mixins that combine otherwise unrelated CSS properties to achieve a specific goal or task.

Clearfix

Forget adding class="clearfix" to any element and instead add the .clearfix() mixin where appropriate. Uses the micro clearfix from Nicolas Gallagher.

// Mixin
+#gradient > .horizontal-three-colors(#777; #333; 25%; #000);

Utility mixins

Utility mixins are mixins that combine otherwise unrelated CSS properties to achieve a specific goal or task.

Clearfix

Forget adding class="clearfix" to any element and instead add the .clearfix() mixin where appropriate. Uses the micro clearfix from Nicolas Gallagher.

// Mixin
 .clearfix() {
   &:before,
   &:after {
@@ -1104,4 +1104,4 @@ To edit settings, press <kbd><kbd>ctrl// Usage
 .jumbotron {
   .img-retina("/img/bg-1x.png", "/img/bg-2x.png", 100px, 100px);
-}

While Bootstrap is built on Less, it also has an official Sass port. We maintain it in a separate GitHub repository and handle updates with a conversion script.

What's included

Since the Sass port has a separate repo and serves a slightly different audience, the contents of the project differ greatly from the main Bootstrap project. This ensures the Sass port is as compatible with as many Sass-based systems as possible.

Path	Description
`lib/`	Ruby gem code (Sass configuration, Rails and Compass integrations)
`tasks/`	Converter scripts (turning upstream Less to Sass)
`test/`	Compilation tests
`templates/`	Compass package manifest
`vendor/assets/`	Sass, JavaScript, and font files
`Rakefile`	Internal tasks, such as rake and convert

Visit the Sass port's GitHub repository to see these files in action.

Installation

For information on how to install and use Bootstrap for Sass, consult the GitHub repository readme. It's the most up to date source and includes information for use with Rails, Compass, and standard Sass projects.

Bootstrap for Sass

While Bootstrap is built on Less, it also has an official Sass port. We maintain it in a separate GitHub repository and handle updates with a conversion script.

What's included

Path	Description
`lib/`	Ruby gem code (Sass configuration, Rails and Compass integrations)
`tasks/`	Converter scripts (turning upstream Less to Sass)
`test/`	Compilation tests
`templates/`	Compass package manifest
`vendor/assets/`	Sass, JavaScript, and font files
`Rakefile`	Internal tasks, such as rake and convert

Visit the Sass port's GitHub repository to see these files in action.

Installation

Bootstrap for Sass

diff --git a/docs/3.3/customize/index.html b/docs/3.3/customize/index.html index 2059eb13f9..930c93b633 100644 --- a/docs/3.3/customize/index.html +++ b/docs/3.3/customize/index.html @@ -1 +1 @@ - Customize and download · Bootstrap Bootstrap 4 is here!

Customize and download

Customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version.

\ No newline at end of file + Customize and download · Bootstrap Bootstrap 4 is here!

Customize and download

Customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version.

\ No newline at end of file diff --git a/docs/3.3/getting-started/index.html b/docs/3.3/getting-started/index.html index f88b82d921..1b97c45a79 100644 --- a/docs/3.3/getting-started/index.html +++ b/docs/3.3/getting-started/index.html @@ -129,4 +129,4 @@ <div class="container" id="content" tabindex="-1">  </div> -</body>

Nested headings

When nesting headings (<h1> - <h6>), your primary document header should be an <h1>. Subsequent headings should make logical use of <h2> - <h6> such that screen readers can construct a table of contents for your pages.

Learn more at HTML CodeSniffer and Penn State's AccessAbility.

Color contrast

Currently, some of the default color combinations available in Bootstrap (such as the various styled button classes, some of the code highlighting colors used for basic code blocks, the .bg-primary contextual background helper class, and the default link color when used on a white background) have a low contrast ratio (below the recommended ratio of 4.5:1). This can cause problems to users with low vision or who are color blind. These default colors may need to be modified to increase their contrast and legibility.

Additional resources

It requires you to:

Keep the license and copyright notice included in Bootstrap's CSS and JavaScript files when you use them in your works

It permits you to:

Freely download and use Bootstrap, in whole or in part, for personal, private, company internal, or commercial purposes
Use Bootstrap in packages or distributions that you create
Modify the source code
Grant a sublicense to modify and distribute Bootstrap to third parties not included in the license

It forbids you to:

Hold the authors and license owners liable for damages as Bootstrap is provided without warranty
Hold the creators or copyright holders of Bootstrap liable
Redistribute any piece of Bootstrap without proper attribution
Use any marks owned by Twitter in any way that might state or imply that Twitter endorses your distribution
Use any marks owned by Twitter in any way that might state or imply that you created the Twitter software in question

It does not require you to:

Include the source of Bootstrap itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it
Submit changes that you make to Bootstrap back to the Bootstrap project (though such feedback is encouraged)

The full Bootstrap license is located in the project repository for more information.

Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.

We don't help organize or host translations, we just link to them.

Finished a new or better translation? Open a pull request to add it to our list.

\ No newline at end of file +</body>

Nested headings

Learn more at HTML CodeSniffer and Penn State's AccessAbility.

Color contrast

Additional resources

It requires you to:

Keep the license and copyright notice included in Bootstrap's CSS and JavaScript files when you use them in your works

It permits you to:

Freely download and use Bootstrap, in whole or in part, for personal, private, company internal, or commercial purposes
Use Bootstrap in packages or distributions that you create
Modify the source code
Grant a sublicense to modify and distribute Bootstrap to third parties not included in the license

It forbids you to:

Hold the authors and license owners liable for damages as Bootstrap is provided without warranty
Hold the creators or copyright holders of Bootstrap liable
Redistribute any piece of Bootstrap without proper attribution
Use any marks owned by Twitter in any way that might state or imply that Twitter endorses your distribution
Use any marks owned by Twitter in any way that might state or imply that you created the Twitter software in question

It does not require you to:

Include the source of Bootstrap itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it
Submit changes that you make to Bootstrap back to the Bootstrap project (though such feedback is encouraged)

The full Bootstrap license is located in the project repository for more information.

Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.

We don't help organize or host translations, we just link to them.

Finished a new or better translation? Open a pull request to add it to our list.

\ No newline at end of file diff --git a/docs/3.3/index.html b/docs/3.3/index.html index 374f999a8a..c6cc3c7b14 100644 --- a/docs/3.3/index.html +++ b/docs/3.3/index.html @@ -104,16 +104,16 @@

@@ -128,8 +128,8 @@

About

Designed and built with all the love in the world by @mdo and @fat. Maintained by the core team with the help of our contributors.

Code licensed MIT, docs CC BY 3.0.

Designed and built with all the love in the world by @mdo and @fat. Maintained by the core team with the help of our contributors.

Code licensed MIT, docs CC BY 3.0.

diff --git a/docs/3.3/javascript/index.html b/docs/3.3/javascript/index.html index c1a095397d..c16cde899f 100644 --- a/docs/3.3/javascript/index.html +++ b/docs/3.3/javascript/index.html @@ -405,4 +405,4 @@ sagittis lacus vel augue laoreet rutrum faucibus.">} })

Options

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset-top="200".

Name	type	default	description
offset	number \| function \| object	10	Pixels to offset from screen when calculating position of scroll. If a single number is provided, the offset will be applied in both top and bottom directions. To provide a unique, bottom and top offset just provide an object `offset: { top: 10 }` or `offset: { top: 10, bottom: 5 }`. Use a function when you need to dynamically calculate an offset.
target	selector \| node \| jQuery element	the `window` object	Specifies the target element of the affix.

Methods

`.affix(options)`

Activates your content as affixed content. Accepts an optional options object.

$('#myAffix').affix({
   offset: 15
-})

`.affix('checkPosition')`

Recalculates the state of the affix based on the dimensions, position, and scroll position of the relevant elements. The .affix, .affix-top, and .affix-bottom classes are added to or removed from the affixed content according to the new state. This method needs to be called whenever the dimensions of the affixed content or the target element are changed, to ensure correct positioning of the affixed content.

$('#myAffix').affix('checkPosition')

Events

Bootstrap's affix plugin exposes a few events for hooking into affix functionality.

Event Type	Description
affix.bs.affix	This event fires immediately before the element has been affixed.
affixed.bs.affix	This event is fired after the element has been affixed.
affix-top.bs.affix	This event fires immediately before the element has been affixed-top.
affixed-top.bs.affix	This event is fired after the element has been affixed-top.
affix-bottom.bs.affix	This event fires immediately before the element has been affixed-bottom.
affixed-bottom.bs.affix	This event is fired after the element has been affixed-bottom.

\ No newline at end of file +})

`.affix('checkPosition')`

$('#myAffix').affix('checkPosition')

Events

Bootstrap's affix plugin exposes a few events for hooking into affix functionality.

Event Type	Description
affix.bs.affix	This event fires immediately before the element has been affixed.
affixed.bs.affix	This event is fired after the element has been affixed.
affix-top.bs.affix	This event fires immediately before the element has been affixed-top.
affixed-top.bs.affix	This event is fired after the element has been affixed-top.
affix-bottom.bs.affix	This event fires immediately before the element has been affixed-bottom.
affixed-bottom.bs.affix	This event is fired after the element has been affixed-bottom.

\ No newline at end of file diff --git a/docs/3.3/migration/index.html b/docs/3.3/migration/index.html index 62d19d96cd..a1da8dfe28 100644 --- a/docs/3.3/migration/index.html +++ b/docs/3.3/migration/index.html @@ -1 +1 @@ - Migrating to v3.x · Bootstrap Bootstrap 4 is here!

Migrating to v3.x

Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.

Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see what's new in the v3.0 release announcement.

Major class changes

This table shows the style changes between v2.x and v3.0.

Bootstrap 2.x	Bootstrap 3.0
`.row-fluid`	`.row`
`.span*`	`.col-md-*`
`.offset*`	`.col-md-offset-*`
`.brand`	`.navbar-brand`
`.navbar .nav`	`.navbar-nav`
`.nav-collapse`	`.navbar-collapse`
`.nav-toggle`	`.navbar-toggle`
`.btn-navbar`	`.navbar-btn`
`.hero-unit`	`.jumbotron`
`.icon-*`	`.glyphicon .glyphicon-*`
`.btn`	`.btn .btn-default`
`.btn-mini`	`.btn-xs`
`.btn-small`	`.btn-sm`
`.btn-large`	`.btn-lg`
`.alert`	`.alert .alert-warning`
`.alert-error`	`.alert-danger`
`.visible-phone`	`.visible-xs`
`.visible-tablet`	`.visible-sm`
`.visible-desktop`	Split into `.visible-md .visible-lg`
`.hidden-phone`	`.hidden-xs`
`.hidden-tablet`	`.hidden-sm`
`.hidden-desktop`	Split into `.hidden-md .hidden-lg`
`.input-block-level`	`.form-control`
`.control-group`	`.form-group`
`.control-group.warning .control-group.error .control-group.success`	`.form-group.has-*`
`.checkbox.inline` `.radio.inline`	`.checkbox-inline` `.radio-inline`
`.input-prepend` `.input-append`	`.input-group`
`.add-on`	`.input-group-addon`
`.img-polaroid`	`.img-thumbnail`
`ul.unstyled`	`.list-unstyled`
`ul.inline`	`.list-inline`
`.muted`	`.text-muted`
`.label`	`.label .label-default`
`.label-important`	`.label-danger`
`.text-error`	`.text-danger`
`.table .error`	`.table .danger`
`.bar`	`.progress-bar`
`.bar-*`	`.progress-bar-*`
`.accordion`	`.panel-group`
`.accordion-group`	`.panel .panel-default`
`.accordion-heading`	`.panel-heading`
`.accordion-body`	`.panel-collapse`
`.accordion-inner`	`.panel-body`

What's new

We've added new elements and changed some existing ones. Here are the new or updated styles.

Element	Description
Panels	`.panel .panel-default` `.panel-body` `.panel-title` `.panel-heading` `.panel-footer` `.panel-collapse`
List groups	`.list-group` `.list-group-item` `.list-group-item-text` `.list-group-item-heading`
Glyphicons	`.glyphicon`
Jumbotron	`.jumbotron`
Extra small grid (<768px)	`.col-xs-*`
Small grid (≥768px)	`.col-sm-*`
Medium grid (≥992px)	`.col-md-*`
Large grid (≥1200px)	`.col-lg-*`
Responsive utility classes (≥1200px)	`.visible-lg` `.hidden-lg`
Offsets	`.col-sm-offset-` `.col-md-offset-` `.col-lg-offset-*`
Push	`.col-sm-push-` `.col-md-push-` `.col-lg-push-*`
Pull	`.col-sm-pull-` `.col-md-pull-` `.col-lg-pull-*`
Input height sizes	`.input-sm` `.input-lg`
Input groups	`.input-group` `.input-group-addon` `.input-group-btn`
Form controls	`.form-control` `.form-group`
Button group sizes	`.btn-group-xs` `.btn-group-sm` `.btn-group-lg`
Navbar text	`.navbar-text`
Navbar header	`.navbar-header`
Justified tabs / pills	`.nav-justified`
Responsive images	`.img-responsive`
Contextual table rows	`.success` `.danger` `.warning` `.active` `.info`
Contextual panels	`.panel-success` `.panel-danger` `.panel-warning` `.panel-info`
Modal	`.modal-dialog` `.modal-content`
Thumbnail image	`.img-thumbnail`
Well sizes	`.well-sm` `.well-lg`
Alert links	`.alert-link`

What's removed

The following elements have been dropped or changed in v3.0.

Element	Removed from 2.x	3.0 Equivalent
Form actions	`.form-actions`	N/A
Search form	`.form-search`	N/A
Form group with info	`.control-group.info`	N/A
Fixed-width input sizes	`.input-mini` `.input-small` `.input-medium` `.input-large` `.input-xlarge` `.input-xxlarge`	Use `.form-control` and the grid system instead.
Block level form input	`.input-block-level`	No direct equivalent, but forms controls are similar.
Inverse buttons	`.btn-inverse`	N/A
Fluid row	`.row-fluid`	`.row` (no more fixed grid)
Controls wrapper	`.controls`	N/A
Controls row	`.controls-row`	`.row` or `.form-group`
Navbar inner	`.navbar-inner`	N/A
Navbar vertical dividers	`.navbar .divider-vertical`	N/A
Dropdown submenu	`.dropdown-submenu`	N/A
Tab alignments	`.tabs-left` `.tabs-right` `.tabs-below`	N/A
Pill-based tabbable area	`.pill-content`	`.tab-content`
Pill-based tabbable area pane	`.pill-pane`	`.tab-pane`
Nav lists	`.nav-list` `.nav-header`	No direct equivalent, but list groups and `.panel-group`s are similar.
Inline help for form controls	`.help-inline`	No exact equivalent, but `.help-block` is similar.
Non-bar-level progress colors	`.progress-info` `.progress-success` `.progress-warning` `.progress-danger`	Use `.progress-bar-*` on the `.progress-bar` instead.

Additional notes

Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach. Here's a partial list:

By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the .form-control class on the element to style.
Text-based form controls with the .form-control class applied are now 100% wide by default. Wrap inputs inside <div class="col-*"></div> to control input widths.
.badge no longer has contextual (-success,-primary,etc..) classes.
.btn must also use .btn-default to get the "default" button.
.row is now fluid.
Images are no longer responsive by default. Use .img-responsive for fluid <img> size.
The icons, now .glyphicon, are now font based. Icons also require a base and icon class (e.g. .glyphicon .glyphicon-asterisk).
Typeahead has been dropped, in favor of using Twitter Typeahead.
Modal markup has changed significantly. The .modal-header, .modal-body, and .modal-footer sections are now wrapped in .modal-content and .modal-dialog for better mobile styling and behavior. Also, you should no longer apply .hide to .modal in your markup.
As of v3.1.0, the HTML loaded by the remote modal option is now injected into the .modal-content (from v3.0.0 to v3.0.3, into the .modal) instead of into the .modal-body. This allows you to also easily vary the header and footer of the modal, not just the modal body.
The checkbox and radio features of the button.js plugin now both use data-toggle="buttons" instead of data-toggle="buttons-checkbox" or data-toggle="buttons-radio" in their markup.
JavaScript events are namespaced. For example, to handle the modal "show" event, use 'show.bs.modal'. For tabs "shown" use 'shown.bs.tab', etc.

For more information on upgrading to v3.0, and code snippets from the community, see Bootply.

\ No newline at end of file + Migrating to v3.x · Bootstrap Bootstrap 4 is here!

Migrating to v3.x

Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.

Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see what's new in the v3.0 release announcement.

Major class changes

This table shows the style changes between v2.x and v3.0.

Bootstrap 2.x	Bootstrap 3.0
`.row-fluid`	`.row`
`.span*`	`.col-md-*`
`.offset*`	`.col-md-offset-*`
`.brand`	`.navbar-brand`
`.navbar .nav`	`.navbar-nav`
`.nav-collapse`	`.navbar-collapse`
`.nav-toggle`	`.navbar-toggle`
`.btn-navbar`	`.navbar-btn`
`.hero-unit`	`.jumbotron`
`.icon-*`	`.glyphicon .glyphicon-*`
`.btn`	`.btn .btn-default`
`.btn-mini`	`.btn-xs`
`.btn-small`	`.btn-sm`
`.btn-large`	`.btn-lg`
`.alert`	`.alert .alert-warning`
`.alert-error`	`.alert-danger`
`.visible-phone`	`.visible-xs`
`.visible-tablet`	`.visible-sm`
`.visible-desktop`	Split into `.visible-md .visible-lg`
`.hidden-phone`	`.hidden-xs`
`.hidden-tablet`	`.hidden-sm`
`.hidden-desktop`	Split into `.hidden-md .hidden-lg`
`.input-block-level`	`.form-control`
`.control-group`	`.form-group`
`.control-group.warning .control-group.error .control-group.success`	`.form-group.has-*`
`.checkbox.inline` `.radio.inline`	`.checkbox-inline` `.radio-inline`
`.input-prepend` `.input-append`	`.input-group`
`.add-on`	`.input-group-addon`
`.img-polaroid`	`.img-thumbnail`
`ul.unstyled`	`.list-unstyled`
`ul.inline`	`.list-inline`
`.muted`	`.text-muted`
`.label`	`.label .label-default`
`.label-important`	`.label-danger`
`.text-error`	`.text-danger`
`.table .error`	`.table .danger`
`.bar`	`.progress-bar`
`.bar-*`	`.progress-bar-*`
`.accordion`	`.panel-group`
`.accordion-group`	`.panel .panel-default`
`.accordion-heading`	`.panel-heading`
`.accordion-body`	`.panel-collapse`
`.accordion-inner`	`.panel-body`

What's new

We've added new elements and changed some existing ones. Here are the new or updated styles.

Element	Description
Panels	`.panel .panel-default` `.panel-body` `.panel-title` `.panel-heading` `.panel-footer` `.panel-collapse`
List groups	`.list-group` `.list-group-item` `.list-group-item-text` `.list-group-item-heading`
Glyphicons	`.glyphicon`
Jumbotron	`.jumbotron`
Extra small grid (<768px)	`.col-xs-*`
Small grid (≥768px)	`.col-sm-*`
Medium grid (≥992px)	`.col-md-*`
Large grid (≥1200px)	`.col-lg-*`
Responsive utility classes (≥1200px)	`.visible-lg` `.hidden-lg`
Offsets	`.col-sm-offset-` `.col-md-offset-` `.col-lg-offset-*`
Push	`.col-sm-push-` `.col-md-push-` `.col-lg-push-*`
Pull	`.col-sm-pull-` `.col-md-pull-` `.col-lg-pull-*`
Input height sizes	`.input-sm` `.input-lg`
Input groups	`.input-group` `.input-group-addon` `.input-group-btn`
Form controls	`.form-control` `.form-group`
Button group sizes	`.btn-group-xs` `.btn-group-sm` `.btn-group-lg`
Navbar text	`.navbar-text`
Navbar header	`.navbar-header`
Justified tabs / pills	`.nav-justified`
Responsive images	`.img-responsive`
Contextual table rows	`.success` `.danger` `.warning` `.active` `.info`
Contextual panels	`.panel-success` `.panel-danger` `.panel-warning` `.panel-info`
Modal	`.modal-dialog` `.modal-content`
Thumbnail image	`.img-thumbnail`
Well sizes	`.well-sm` `.well-lg`
Alert links	`.alert-link`

What's removed

The following elements have been dropped or changed in v3.0.

Element	Removed from 2.x	3.0 Equivalent
Form actions	`.form-actions`	N/A
Search form	`.form-search`	N/A
Form group with info	`.control-group.info`	N/A
Fixed-width input sizes	`.input-mini` `.input-small` `.input-medium` `.input-large` `.input-xlarge` `.input-xxlarge`	Use `.form-control` and the grid system instead.
Block level form input	`.input-block-level`	No direct equivalent, but forms controls are similar.
Inverse buttons	`.btn-inverse`	N/A
Fluid row	`.row-fluid`	`.row` (no more fixed grid)
Controls wrapper	`.controls`	N/A
Controls row	`.controls-row`	`.row` or `.form-group`
Navbar inner	`.navbar-inner`	N/A
Navbar vertical dividers	`.navbar .divider-vertical`	N/A
Dropdown submenu	`.dropdown-submenu`	N/A
Tab alignments	`.tabs-left` `.tabs-right` `.tabs-below`	N/A
Pill-based tabbable area	`.pill-content`	`.tab-content`
Pill-based tabbable area pane	`.pill-pane`	`.tab-pane`
Nav lists	`.nav-list` `.nav-header`	No direct equivalent, but list groups and `.panel-group`s are similar.
Inline help for form controls	`.help-inline`	No exact equivalent, but `.help-block` is similar.
Non-bar-level progress colors	`.progress-info` `.progress-success` `.progress-warning` `.progress-danger`	Use `.progress-bar-*` on the `.progress-bar` instead.

Additional notes

Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach. Here's a partial list:

By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the .form-control class on the element to style.
Text-based form controls with the .form-control class applied are now 100% wide by default. Wrap inputs inside <div class="col-*"></div> to control input widths.
.badge no longer has contextual (-success,-primary,etc..) classes.
.btn must also use .btn-default to get the "default" button.
.row is now fluid.
Images are no longer responsive by default. Use .img-responsive for fluid <img> size.
The icons, now .glyphicon, are now font based. Icons also require a base and icon class (e.g. .glyphicon .glyphicon-asterisk).
Typeahead has been dropped, in favor of using Twitter Typeahead.
Modal markup has changed significantly. The .modal-header, .modal-body, and .modal-footer sections are now wrapped in .modal-content and .modal-dialog for better mobile styling and behavior. Also, you should no longer apply .hide to .modal in your markup.
As of v3.1.0, the HTML loaded by the remote modal option is now injected into the .modal-content (from v3.0.0 to v3.0.3, into the .modal) instead of into the .modal-body. This allows you to also easily vary the header and footer of the modal, not just the modal body.
The checkbox and radio features of the button.js plugin now both use data-toggle="buttons" instead of data-toggle="buttons-checkbox" or data-toggle="buttons-radio" in their markup.
JavaScript events are namespaced. For example, to handle the modal "show" event, use 'show.bs.modal'. For tabs "shown" use 'shown.bs.tab', etc.

For more information on upgrading to v3.0, and code snippets from the community, see Bootply.

\ No newline at end of file

Fork on GitHub

What's included

Fork on GitHub

Whatâs included

Fork on GitHub

Whatâs included

Fork on GitHub

Whatâs included

Fork on GitHub

What's included

Whatâs included

Javascript for Bootstrap

Using bootstrap-modal

Using boostrap-dropdown.js

Using boostrap-scrollspy.js

Using boostrap-tabs.js

Using bootstrap-twipsy.js

Using boostrap-popover.js

Using bootstrap-alerts.js

Fork on GitHub

What's included

Whatâs included

Javascript for Bootstrap

Using bootstrap-modal

Using bootstrap-dropdown.js

Using bootstrap-scrollspy.js

Using bootstrap-buttons.js

Using bootstrap-tabs.js

Using bootstrap-twipsy.js

Using bootstrap-popover.js

Using bootstrap-alerts.js

Icons Graciously provided by Glyphicons

Icons Graciously provided by Glyphicons

Built as a sprite

How to use

Built with Bootstrap.

Example tabs

About Tooltips

Example use of Tooltips

About popovers

Example hover popover

About alerts

Example alerts

About

Example uses

About

Example accordion

About

Example carousel

About

Example

Icons Graciously provided by Glyphicons

Icons Graciously provided by Glyphicons

Built as a sprite

How to use

Built with Bootstrap.

Example tabs

About Tooltips

Example use of Tooltips

About popovers

Example hover popover

About alerts

Example alerts

About

Example uses

About

Example accordion

About

Example carousel

About

Example

Icons Graciously provided by Glyphicons

Icons Graciously provided by Glyphicons

Built as a sprite

How to use

Built with Bootstrap.

Example tabs

About Tooltips

Example use of Tooltips

About popovers

Whatâs included

Whatâs included

Whatâs included

Whatâs included

Whatâs included