diff --git a/README.md b/README.md index a5a4ca40..0f24762c 100644 --- a/README.md +++ b/README.md @@ -14,18 +14,6 @@ the end of your document (just before the `` tag), and everything will be - [Bootstrap default rendering reference documentation](https://mdbootstrap.github.io/bootstrap-material-design/docs/4.0/components/alerts/) - [Migration](https://mdbootstrap.github.io/bootstrap-material-design/docs/4.0/migration/) - -## Support - -The things to do are a lot and the time is little, if you are a passionate developer -with experience with Bootstrap and Material Design for Bootstrap and you have some spare -time, please consider becoming a contributor of this project! -If you are interested contact @MDBootstrap or just adopt one of our [issues](https://github.com/mdbootstrap/bootstrap-material-design/issues). - -If you like this project you may support it by [donating](https://www.paypal.me/fezvrasta), starring this repository or reporting issues. -All issues filed should be reduced to a [CodePen](https://codepen.io/rosskevin/pen/eJMMVB) test case where possible. - - ## Contributing ### Development diff --git a/docs/4.0/bootstrap-components/alerts/index.html b/docs/4.0/bootstrap-components/alerts/index.html index a9158a77..c3bd7b98 100644 --- a/docs/4.0/bootstrap-components/alerts/index.html +++ b/docs/4.0/bootstrap-components/alerts/index.html @@ -1272,11 +1272,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Examples

diff --git a/docs/4.0/bootstrap-components/badge/index.html b/docs/4.0/bootstrap-components/badge/index.html index b31cd19d..cc2fcf62 100644 --- a/docs/4.0/bootstrap-components/badge/index.html +++ b/docs/4.0/bootstrap-components/badge/index.html @@ -1261,11 +1261,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Example

diff --git a/docs/4.0/bootstrap-components/breadcrumb/index.html b/docs/4.0/bootstrap-components/breadcrumb/index.html index 1c1f9f23..43529475 100644 --- a/docs/4.0/bootstrap-components/breadcrumb/index.html +++ b/docs/4.0/bootstrap-components/breadcrumb/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Overview

diff --git a/docs/4.0/bootstrap-components/button-group/index.html b/docs/4.0/bootstrap-components/button-group/index.html index 9097d363..79b2f9ba 100644 --- a/docs/4.0/bootstrap-components/button-group/index.html +++ b/docs/4.0/bootstrap-components/button-group/index.html @@ -1264,11 +1264,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Basic example

diff --git a/docs/4.0/bootstrap-components/buttons/index.html b/docs/4.0/bootstrap-components/buttons/index.html index 82a89856..cc30d1bf 100644 --- a/docs/4.0/bootstrap-components/buttons/index.html +++ b/docs/4.0/bootstrap-components/buttons/index.html @@ -1278,11 +1278,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Examples

diff --git a/docs/4.0/bootstrap-components/card/index.html b/docs/4.0/bootstrap-components/card/index.html index 2ff07ef2..64ca531f 100644 --- a/docs/4.0/bootstrap-components/card/index.html +++ b/docs/4.0/bootstrap-components/card/index.html @@ -1441,11 +1441,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

About

diff --git a/docs/4.0/bootstrap-components/carousel/index.html b/docs/4.0/bootstrap-components/carousel/index.html index 3f0f506b..05b34e6e 100644 --- a/docs/4.0/bootstrap-components/carousel/index.html +++ b/docs/4.0/bootstrap-components/carousel/index.html @@ -1289,11 +1289,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

How it works

diff --git a/docs/4.0/bootstrap-components/collapse/index.html b/docs/4.0/bootstrap-components/collapse/index.html index 71205bd4..b08df914 100644 --- a/docs/4.0/bootstrap-components/collapse/index.html +++ b/docs/4.0/bootstrap-components/collapse/index.html @@ -1295,11 +1295,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Example

diff --git a/docs/4.0/bootstrap-components/dropdowns/index.html b/docs/4.0/bootstrap-components/dropdowns/index.html index 9ee5ef38..5acec65e 100644 --- a/docs/4.0/bootstrap-components/dropdowns/index.html +++ b/docs/4.0/bootstrap-components/dropdowns/index.html @@ -1306,11 +1306,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Overview

diff --git a/docs/4.0/bootstrap-components/forms/index.html b/docs/4.0/bootstrap-components/forms/index.html index a2ecf00f..a24d48ea 100644 --- a/docs/4.0/bootstrap-components/forms/index.html +++ b/docs/4.0/bootstrap-components/forms/index.html @@ -1337,11 +1337,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Overview

diff --git a/docs/4.0/bootstrap-components/input-group/index.html b/docs/4.0/bootstrap-components/input-group/index.html index ca37958d..c3d3ad40 100644 --- a/docs/4.0/bootstrap-components/input-group/index.html +++ b/docs/4.0/bootstrap-components/input-group/index.html @@ -1266,11 +1266,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Basic example

diff --git a/docs/4.0/bootstrap-components/jumbotron/index.html b/docs/4.0/bootstrap-components/jumbotron/index.html index 2d512d6f..17de8358 100644 --- a/docs/4.0/bootstrap-components/jumbotron/index.html +++ b/docs/4.0/bootstrap-components/jumbotron/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.

diff --git a/docs/4.0/bootstrap-components/list-group/index.html b/docs/4.0/bootstrap-components/list-group/index.html index ac0307e3..0876f01f 100644 --- a/docs/4.0/bootstrap-components/list-group/index.html +++ b/docs/4.0/bootstrap-components/list-group/index.html @@ -1289,11 +1289,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Basic example

diff --git a/docs/4.0/bootstrap-components/modal/index.html b/docs/4.0/bootstrap-components/modal/index.html index 5c2b0e73..b4c5994e 100644 --- a/docs/4.0/bootstrap-components/modal/index.html +++ b/docs/4.0/bootstrap-components/modal/index.html @@ -1338,11 +1338,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

How it works

diff --git a/docs/4.0/bootstrap-components/navbar/index.html b/docs/4.0/bootstrap-components/navbar/index.html index eda6941e..c2b3745a 100644 --- a/docs/4.0/bootstrap-components/navbar/index.html +++ b/docs/4.0/bootstrap-components/navbar/index.html @@ -1273,11 +1273,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

How it works

diff --git a/docs/4.0/bootstrap-components/navs/index.html b/docs/4.0/bootstrap-components/navs/index.html index b1cbfbb8..bc115a4b 100644 --- a/docs/4.0/bootstrap-components/navs/index.html +++ b/docs/4.0/bootstrap-components/navs/index.html @@ -1285,11 +1285,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Base nav

diff --git a/docs/4.0/bootstrap-components/pagination/index.html b/docs/4.0/bootstrap-components/pagination/index.html index c43c5c9f..03a70825 100644 --- a/docs/4.0/bootstrap-components/pagination/index.html +++ b/docs/4.0/bootstrap-components/pagination/index.html @@ -1256,11 +1256,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Overview

diff --git a/docs/4.0/bootstrap-components/popovers/index.html b/docs/4.0/bootstrap-components/popovers/index.html index 56d44699..6679cd71 100644 --- a/docs/4.0/bootstrap-components/popovers/index.html +++ b/docs/4.0/bootstrap-components/popovers/index.html @@ -1289,11 +1289,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Overview

diff --git a/docs/4.0/bootstrap-components/progress/index.html b/docs/4.0/bootstrap-components/progress/index.html index 8d46d7c4..50a8c3fc 100644 --- a/docs/4.0/bootstrap-components/progress/index.html +++ b/docs/4.0/bootstrap-components/progress/index.html @@ -1258,11 +1258,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

How it works

diff --git a/docs/4.0/bootstrap-components/scrollspy/index.html b/docs/4.0/bootstrap-components/scrollspy/index.html index f0dfb1f2..f152415f 100644 --- a/docs/4.0/bootstrap-components/scrollspy/index.html +++ b/docs/4.0/bootstrap-components/scrollspy/index.html @@ -1311,11 +1311,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

How it works

diff --git a/docs/4.0/bootstrap-components/tooltips/index.html b/docs/4.0/bootstrap-components/tooltips/index.html index b7ba0354..8173fa07 100644 --- a/docs/4.0/bootstrap-components/tooltips/index.html +++ b/docs/4.0/bootstrap-components/tooltips/index.html @@ -1286,11 +1286,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Overview

diff --git a/docs/4.0/browser-bugs/index.html b/docs/4.0/browser-bugs/index.html index e2953575..6d9c4c0a 100644 --- a/docs/4.0/browser-bugs/index.html +++ b/docs/4.0/browser-bugs/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

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

diff --git a/docs/4.0/content/code/index.html b/docs/4.0/content/code/index.html index 4f5d6c0e..2e839319 100644 --- a/docs/4.0/content/code/index.html +++ b/docs/4.0/content/code/index.html @@ -1256,11 +1256,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Inline code

diff --git a/docs/4.0/content/figures/index.html b/docs/4.0/content/figures/index.html index 9ef503c1..518edd5e 100644 --- a/docs/4.0/content/figures/index.html +++ b/docs/4.0/content/figures/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Anytime you need to display a piece of content—like an image with an optional caption, consider using a <figure>.

diff --git a/docs/4.0/content/images/index.html b/docs/4.0/content/images/index.html index cadd92f3..ee74f1ce 100644 --- a/docs/4.0/content/images/index.html +++ b/docs/4.0/content/images/index.html @@ -1,1365 +1,1460 @@ - - - - - +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + + <title> + Images · Bootstrap Material Design - - - - - + + + + + - + - + - + - - - - - + + + + + - - - + + + - + - - + + - + - + - + - - - + + + - - - -
- Skip to main content -
-
- - + + +
+
+
+ + + + +
+ + + + + +
+

Images

+

Documentation and examples for opting images into responsive behavior (so they never become + larger than their parent elements) and add lightweight styles to them—all via classes.

+
+
+ +
+
+ +
+ +
+ +

Responsive images

+ +

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; + are applied to the image so that it scales with the parent element.

+ +
+ Generic responsive image +
+ +
+
<img src="..." class="img-fluid" alt="Responsive image">
+
+ +
+
SVG images and IE 10
+ +

In Internet Explorer 10, SVG images with .img-fluid are + disproportionately sized. To fix this, add width: 100% \9; where + necessary. This fix improperly sizes other image formats, so Bootstrap doesn’t apply it automatically.

+
+ +

Image thumbnails

+ +

In addition to our border-radius + utilities, you can use .img-thumbnail to give an image a rounded + 1px border appearance.

+ +
+ A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera +
+ +
+
<img src="..." alt="..." class="img-thumbnail">
+
+ +

Aligning images

+ +

Align images with the helper float classes + or text alignment classes. + block-level images can be centered using the .mx-auto margin utility class.

+ +
+ A generic square placeholder image with rounded corners + A generic square placeholder image with rounded corners +
+ +
+
<img src="..." class="rounded float-left" alt="...">
+<img src="..." class="rounded float-right" alt="...">
+
+ +
+ A generic square placeholder image with rounded corners +
+ +
+
<img src="..." class="rounded mx-auto d-block" alt="...">
+
+ +
+
+ A generic square placeholder image with rounded corners +
+
+ +
+
<div class="text-center">
   <img src="..." class="rounded" alt="...">
-</div>
+</div>
+ -

Picture

+

Picture

-

If you are using the <picture> element to specify multiple <source> elements for a specific <img>, make sure to add the .img-* classes to the <img> and not to the <picture> tag.

+

If you are using the <picture> element to specify multiple <source> elements for a specific <img>, make sure to add the .img-* classes to the <img> + and not to the <picture> tag.

-
<picture>
+        
+
<picture>
   <source srcset="..." type="image/svg+xml">
   <img src="..." class="img-fluid img-thumbnail" alt="...">
-</picture>
+</picture>
+
-
-
+
+ - + - + (function (i, s, o, g, r, a, m) { + i['GoogleAnalyticsObject'] = r; + i[r] = i[r] || function () { + (i[r].q = i[r].q || []).push(arguments) + }, i[r].l = 1 * new Date(); + a = s.createElement(o), + m = s.getElementsByTagName(o)[0]; + a.async = 1; + a.src = g; + m.parentNode.insertBefore(a, m) + })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); + ga('create', 'UA-80431047-1', 'auto'); + ga('send', 'pageview'); + - - + + - - + + @@ -1371,43 +1466,44 @@ - - - + + + - - + + - + - - + + + \ No newline at end of file diff --git a/docs/4.0/content/reboot/index.html b/docs/4.0/content/reboot/index.html index 00eedd64..4d52eddd 100644 --- a/docs/4.0/content/reboot/index.html +++ b/docs/4.0/content/reboot/index.html @@ -1276,11 +1276,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Approach

diff --git a/docs/4.0/content/tables/index.html b/docs/4.0/content/tables/index.html index 3903f604..041f93f1 100644 --- a/docs/4.0/content/tables/index.html +++ b/docs/4.0/content/tables/index.html @@ -1277,11 +1277,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Examples

diff --git a/docs/4.0/content/typography/index.html b/docs/4.0/content/typography/index.html index d348685e..027ac389 100644 --- a/docs/4.0/content/typography/index.html +++ b/docs/4.0/content/typography/index.html @@ -1276,11 +1276,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Global settings

diff --git a/docs/4.0/examples/index.html b/docs/4.0/examples/index.html index 8c116365..df92d6f4 100644 --- a/docs/4.0/examples/index.html +++ b/docs/4.0/examples/index.html @@ -133,11 +133,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+ diff --git a/docs/4.0/extend/approach/index.html b/docs/4.0/extend/approach/index.html index 4e7f71d8..a2f4732e 100644 --- a/docs/4.0/extend/approach/index.html +++ b/docs/4.0/extend/approach/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

While the getting started pages provide an introductory tour of the project and what it offers, this document focuses on why we do the things we do in Bootstrap. It explains our philosophy to building on the web so that others can learn from us, contribute with us, and help us improve.

diff --git a/docs/4.0/extend/icons/index.html b/docs/4.0/extend/icons/index.html index 891c05d8..202dbd17 100644 --- a/docs/4.0/extend/icons/index.html +++ b/docs/4.0/extend/icons/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Bootstrap doesn’t include an icon library by default, but we have a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.

diff --git a/docs/4.0/extend/index.html b/docs/4.0/extend/index.html index c461dc8c..2051397f 100644 --- a/docs/4.0/extend/index.html +++ b/docs/4.0/extend/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

todo: this entire page

diff --git a/docs/4.0/getting-started/accessibility/index.html b/docs/4.0/getting-started/accessibility/index.html index 6de36412..bf9bad69 100644 --- a/docs/4.0/getting-started/accessibility/index.html +++ b/docs/4.0/getting-started/accessibility/index.html @@ -1260,11 +1260,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Bootstrap provides an easy-to-use framework of ready-made styles, layout tools, and interactive components, allowing developers to create websites and applications that are visually appealing, functionally rich, and accessible out of the box.

diff --git a/docs/4.0/getting-started/best-practices/index.html b/docs/4.0/getting-started/best-practices/index.html index 57fccaec..c36f454a 100644 --- a/docs/4.0/getting-started/best-practices/index.html +++ b/docs/4.0/getting-started/best-practices/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

We’ve designed and developed Bootstrap to work in a number of environments. Here are some of the best practices we’ve gathered from years of working on and using it ourselves.

diff --git a/docs/4.0/getting-started/browsers-devices/index.html b/docs/4.0/getting-started/browsers-devices/index.html index 8b5c2710..9f2d01d4 100644 --- a/docs/4.0/getting-started/browsers-devices/index.html +++ b/docs/4.0/getting-started/browsers-devices/index.html @@ -1276,11 +1276,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Supported browsers

diff --git a/docs/4.0/getting-started/build-tools/index.html b/docs/4.0/getting-started/build-tools/index.html index 2631b789..ab6d2b4e 100644 --- a/docs/4.0/getting-started/build-tools/index.html +++ b/docs/4.0/getting-started/build-tools/index.html @@ -1256,11 +1256,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Tooling setup

diff --git a/docs/4.0/getting-started/contents/index.html b/docs/4.0/getting-started/contents/index.html index 7d5f63ef..9d0e2af2 100644 --- a/docs/4.0/getting-started/contents/index.html +++ b/docs/4.0/getting-started/contents/index.html @@ -1255,11 +1255,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Precompiled Bootstrap

diff --git a/docs/4.0/getting-started/download/index.html b/docs/4.0/getting-started/download/index.html index e6e8af07..7932e530 100644 --- a/docs/4.0/getting-started/download/index.html +++ b/docs/4.0/getting-started/download/index.html @@ -1259,11 +1259,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Compiled CSS and JS

diff --git a/docs/4.0/getting-started/introduction/index.html b/docs/4.0/getting-started/introduction/index.html index c23f6b6a..1e9c9c54 100644 --- a/docs/4.0/getting-started/introduction/index.html +++ b/docs/4.0/getting-started/introduction/index.html @@ -1267,11 +1267,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Quick start

diff --git a/docs/4.0/getting-started/javascript/index.html b/docs/4.0/getting-started/javascript/index.html index 58d7a9fe..8edb5099 100644 --- a/docs/4.0/getting-started/javascript/index.html +++ b/docs/4.0/getting-started/javascript/index.html @@ -1282,11 +1282,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Individual or compiled

diff --git a/docs/4.0/getting-started/theming/index.html b/docs/4.0/getting-started/theming/index.html index 86cbac1d..512e2ee7 100644 --- a/docs/4.0/getting-started/theming/index.html +++ b/docs/4.0/getting-started/theming/index.html @@ -1289,11 +1289,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Introduction

diff --git a/docs/4.0/getting-started/webpack/index.html b/docs/4.0/getting-started/webpack/index.html index 3f4669b5..70a3dc97 100644 --- a/docs/4.0/getting-started/webpack/index.html +++ b/docs/4.0/getting-started/webpack/index.html @@ -1259,11 +1259,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Installing Bootstrap

diff --git a/docs/4.0/layout/grid/index.html b/docs/4.0/layout/grid/index.html index 38643136..bd6294b9 100644 --- a/docs/4.0/layout/grid/index.html +++ b/docs/4.0/layout/grid/index.html @@ -1302,11 +1302,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

How it works

diff --git a/docs/4.0/layout/media-object/index.html b/docs/4.0/layout/media-object/index.html index 8568472a..672693a5 100644 --- a/docs/4.0/layout/media-object/index.html +++ b/docs/4.0/layout/media-object/index.html @@ -1302,11 +1302,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Example

diff --git a/docs/4.0/layout/overview/index.html b/docs/4.0/layout/overview/index.html index f14d46fe..437e0524 100644 --- a/docs/4.0/layout/overview/index.html +++ b/docs/4.0/layout/overview/index.html @@ -1254,11 +1254,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Containers

diff --git a/docs/4.0/layout/utilities-for-layout/index.html b/docs/4.0/layout/utilities-for-layout/index.html index 7aaaf518..61c9edbc 100644 --- a/docs/4.0/layout/utilities-for-layout/index.html +++ b/docs/4.0/layout/utilities-for-layout/index.html @@ -1255,11 +1255,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Changing display

diff --git a/docs/4.0/material-design/buttons/index.html b/docs/4.0/material-design/buttons/index.html index bb2c8693..d44ff728 100644 --- a/docs/4.0/material-design/buttons/index.html +++ b/docs/4.0/material-design/buttons/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Contents

diff --git a/docs/4.0/material-design/collapse-inline/index.html b/docs/4.0/material-design/collapse-inline/index.html index 37e9f6ef..25cdcfc1 100644 --- a/docs/4.0/material-design/collapse-inline/index.html +++ b/docs/4.0/material-design/collapse-inline/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

The Material Design for Bootstrap CollapseInline plugin allows you to toggle inline content on your pages with a bit of JavaScript and some classes. This plugin utilizes a handful of classes from the Bootstrap collapse plugin for easy toggle behavior. Since most functionality and documentation (including a rich set of Javascript events) is already provided by the Bootstrap collapse plugin, the following will focus only on some samples utilizing the BMD CollapseInline component.

diff --git a/docs/4.0/material-design/drawers/index.html b/docs/4.0/material-design/drawers/index.html index 4d4fe5ce..0c3c127b 100644 --- a/docs/4.0/material-design/drawers/index.html +++ b/docs/4.0/material-design/drawers/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

The Material Design for Bootstrap Drawer provides a markup structure and plugin that allows you to display content on the bounds of any containing element. Drawers are commonly referred to as a side nav or offcanvas nav. The BMD implementation allows for positioning top, left, bottom, right, as well as two styles including push (default) as well as overlay. Both the drawer position and style can be set statically or responsively with the provided classes.

diff --git a/docs/4.0/material-design/extensions/index.html b/docs/4.0/material-design/extensions/index.html index a38383d3..80c6d4be 100644 --- a/docs/4.0/material-design/extensions/index.html +++ b/docs/4.0/material-design/extensions/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Material Design for Bootstrap provides seamlessly integration with some extensions.

diff --git a/docs/4.0/material-design/forms/index.html b/docs/4.0/material-design/forms/index.html index 94d588e7..1dea02b6 100644 --- a/docs/4.0/material-design/forms/index.html +++ b/docs/4.0/material-design/forms/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms.

diff --git a/docs/4.0/material-design/labels/index.html b/docs/4.0/material-design/labels/index.html index 93e5ea27..06bdd3dd 100644 --- a/docs/4.0/material-design/labels/index.html +++ b/docs/4.0/material-design/labels/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Below is a complete list of <label> class options supported by Material Design for Bootstrap:

diff --git a/docs/4.0/material-design/list-groups/index.html b/docs/4.0/material-design/list-groups/index.html index 0352cdaf..df21734c 100644 --- a/docs/4.0/material-design/list-groups/index.html +++ b/docs/4.0/material-design/list-groups/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Material design list groups are specialized versions of their bootstrap counterparts, opting for the flexbox layout to achieve diff --git a/docs/4.0/material-design/menus/index.html b/docs/4.0/material-design/menus/index.html index 246b0621..1912d558 100644 --- a/docs/4.0/material-design/menus/index.html +++ b/docs/4.0/material-design/menus/index.html @@ -1246,11 +1246,19 @@


Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Bootstrap users know these as dropdowns, but these are also known as menus in the Material Design specification.

diff --git a/docs/4.0/material-design/navs/index.html b/docs/4.0/material-design/navs/index.html index a041d213..e2f7c3cc 100644 --- a/docs/4.0/material-design/navs/index.html +++ b/docs/4.0/material-design/navs/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Navigation available in Bootstrap share general markup and styles, from the base .nav class to the active and disabled states. Swap modifier classes to switch between each style.

diff --git a/docs/4.0/material-design/selections/index.html b/docs/4.0/material-design/selections/index.html index 6159c65a..89df4e91 100644 --- a/docs/4.0/material-design/selections/index.html +++ b/docs/4.0/material-design/selections/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Contents

diff --git a/docs/4.0/material-design/snackbars/index.html b/docs/4.0/material-design/snackbars/index.html index 51e80a3f..36a9c766 100644 --- a/docs/4.0/material-design/snackbars/index.html +++ b/docs/4.0/material-design/snackbars/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Snackbars and toasts can be created using the SnackbarJS plugin developed by us.

diff --git a/docs/4.0/migration/index.html b/docs/4.0/migration/index.html index 307f02b1..99dfe614 100644 --- a/docs/4.0/migration/index.html +++ b/docs/4.0/migration/index.html @@ -1309,11 +1309,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Stable changes

diff --git a/docs/4.0/utilities/borders/index.html b/docs/4.0/utilities/borders/index.html index f0afe585..a8ab77a0 100644 --- a/docs/4.0/utilities/borders/index.html +++ b/docs/4.0/utilities/borders/index.html @@ -1259,11 +1259,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Border

diff --git a/docs/4.0/utilities/clearfix/index.html b/docs/4.0/utilities/clearfix/index.html index 5e71f65a..e04dc357 100644 --- a/docs/4.0/utilities/clearfix/index.html +++ b/docs/4.0/utilities/clearfix/index.html @@ -1251,11 +1251,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Easily clear floats by adding .clearfix to the parent element. Can also be used as a mixin.

diff --git a/docs/4.0/utilities/close-icon/index.html b/docs/4.0/utilities/close-icon/index.html index 19ef05d5..a7c5e9e9 100644 --- a/docs/4.0/utilities/close-icon/index.html +++ b/docs/4.0/utilities/close-icon/index.html @@ -1251,11 +1251,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Be sure to include text for screen readers, as we’ve done with aria-label.

diff --git a/docs/4.0/utilities/colors/index.html b/docs/4.0/utilities/colors/index.html index 5252107a..0709eeca 100644 --- a/docs/4.0/utilities/colors/index.html +++ b/docs/4.0/utilities/colors/index.html @@ -1261,11 +1261,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Color

diff --git a/docs/4.0/utilities/display/index.html b/docs/4.0/utilities/display/index.html index 72b4e4a0..6e9c16d1 100644 --- a/docs/4.0/utilities/display/index.html +++ b/docs/4.0/utilities/display/index.html @@ -1256,11 +1256,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

How it works

diff --git a/docs/4.0/utilities/embed/index.html b/docs/4.0/utilities/embed/index.html index f4fd32f5..618e103a 100644 --- a/docs/4.0/utilities/embed/index.html +++ b/docs/4.0/utilities/embed/index.html @@ -1254,11 +1254,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

About

diff --git a/docs/4.0/utilities/flex/index.html b/docs/4.0/utilities/flex/index.html index faf23d8e..e526279a 100644 --- a/docs/4.0/utilities/flex/index.html +++ b/docs/4.0/utilities/flex/index.html @@ -1265,11 +1265,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Enable flex behaviors

diff --git a/docs/4.0/utilities/float/index.html b/docs/4.0/utilities/float/index.html index d064d396..a11f7a82 100644 --- a/docs/4.0/utilities/float/index.html +++ b/docs/4.0/utilities/float/index.html @@ -1255,11 +1255,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Overview

diff --git a/docs/4.0/utilities/image-replacement/index.html b/docs/4.0/utilities/image-replacement/index.html index a64bed14..7a5e08f0 100644 --- a/docs/4.0/utilities/image-replacement/index.html +++ b/docs/4.0/utilities/image-replacement/index.html @@ -1252,11 +1252,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Utilize the .text-hide class or mixin to help replace an element’s text content with a background image.

diff --git a/docs/4.0/utilities/position/index.html b/docs/4.0/utilities/position/index.html index d2b82ad1..c7da454e 100644 --- a/docs/4.0/utilities/position/index.html +++ b/docs/4.0/utilities/position/index.html @@ -1249,11 +1249,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Common values

diff --git a/docs/4.0/utilities/screenreaders/index.html b/docs/4.0/utilities/screenreaders/index.html index 4cf4b27e..99bbf837 100644 --- a/docs/4.0/utilities/screenreaders/index.html +++ b/docs/4.0/utilities/screenreaders/index.html @@ -1251,11 +1251,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Hide an element to all devices except screen readers with .sr-only. Combine .sr-only with .sr-only-focusable to show the element again when it’s focused (e.g. by a keyboard-only user). Can also be used as mixins.

diff --git a/docs/4.0/utilities/sizing/index.html b/docs/4.0/utilities/sizing/index.html index 76328352..3757ee82 100644 --- a/docs/4.0/utilities/sizing/index.html +++ b/docs/4.0/utilities/sizing/index.html @@ -1251,11 +1251,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Width and height utilities are generated from the $sizes Sass map in _variables.scss. Includes support for 25%, 50%, 75%, 100%, and auto by default. Modify those values as you need to generate different utilities here.

diff --git a/docs/4.0/utilities/spacing/index.html b/docs/4.0/utilities/spacing/index.html index b9114d0b..8c15010e 100644 --- a/docs/4.0/utilities/spacing/index.html +++ b/docs/4.0/utilities/spacing/index.html @@ -1258,11 +1258,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

How it works

diff --git a/docs/4.0/utilities/text/index.html b/docs/4.0/utilities/text/index.html index ae3f2e39..852e5a0e 100644 --- a/docs/4.0/utilities/text/index.html +++ b/docs/4.0/utilities/text/index.html @@ -1255,11 +1255,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Text alignment

diff --git a/docs/4.0/utilities/vertical-align/index.html b/docs/4.0/utilities/vertical-align/index.html index 13b73583..88ab01ec 100644 --- a/docs/4.0/utilities/vertical-align/index.html +++ b/docs/4.0/utilities/vertical-align/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Change the alignment of elements with the vertical-alignment utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.

diff --git a/docs/4.0/utilities/visibility/index.html b/docs/4.0/utilities/visibility/index.html index 3b822f45..37eaca61 100644 --- a/docs/4.0/utilities/visibility/index.html +++ b/docs/4.0/utilities/visibility/index.html @@ -1246,11 +1246,19 @@
Discover the latest Kit for Bootstrap 5 & Material Design 2.0! GET - BOOTSTRAP - 5 KIT FOR FREE + class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT +
+ +
+

Set the visibility of elements with our visibility utilities. These do not modify the display value at all and are helpful for hiding content from most users, but still keeping them for screen readers.