mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-25 02:54:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

add discount notification

Browse Source
This commit is contained in:
filipkappa 2020-10-09 15:02:32 +02:00
parent 0303823dfa
commit 96ac833cc9
75 changed files with 2226 additions and 1558 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -14,18 +14,6 @@ the end of your document (just before the `</body>` 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

14
docs/4.0/bootstrap-components/alerts/index.html
View File

@ -1272,11 +1272,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="examples">Examples</h2>

14
docs/4.0/bootstrap-components/badge/index.html
View File

@ -1261,11 +1261,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="example">Example</h2>

14
docs/4.0/bootstrap-components/breadcrumb/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="overview">Overview</h2>

14
docs/4.0/bootstrap-components/button-group/index.html
View File

@ -1264,11 +1264,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="basic-example">Basic example</h2>

14
docs/4.0/bootstrap-components/buttons/index.html
View File

@ -1278,11 +1278,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="examples">Examples</h2>

14
docs/4.0/bootstrap-components/card/index.html
View File

@ -1441,11 +1441,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="about">About</h2>

14
docs/4.0/bootstrap-components/carousel/index.html
View File

@ -1289,11 +1289,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="how-it-works">How it works</h2>

14
docs/4.0/bootstrap-components/collapse/index.html
View File

@ -1295,11 +1295,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="example">Example</h2>

14
docs/4.0/bootstrap-components/dropdowns/index.html
View File

@ -1306,11 +1306,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="overview">Overview</h2>

14
docs/4.0/bootstrap-components/forms/index.html
View File

@ -1337,11 +1337,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="overview">Overview</h2>

14
docs/4.0/bootstrap-components/input-group/index.html
View File

@ -1266,11 +1266,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="basic-example">Basic example</h2>

14
docs/4.0/bootstrap-components/jumbotron/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.</p>

14
docs/4.0/bootstrap-components/list-group/index.html
View File

@ -1289,11 +1289,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="basic-example">Basic example</h2>

14
docs/4.0/bootstrap-components/modal/index.html
View File

@ -1338,11 +1338,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="how-it-works">How it works</h2>

14
docs/4.0/bootstrap-components/navbar/index.html
View File

@ -1273,11 +1273,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="how-it-works">How it works</h2>

14
docs/4.0/bootstrap-components/navs/index.html
View File

@ -1285,11 +1285,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="base-nav">Base nav</h2>

14
docs/4.0/bootstrap-components/pagination/index.html
View File

@ -1256,11 +1256,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="overview">Overview</h2>

14
docs/4.0/bootstrap-components/popovers/index.html
View File

@ -1289,11 +1289,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="overview">Overview</h2>

14
docs/4.0/bootstrap-components/progress/index.html
View File

@ -1258,11 +1258,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="how-it-works">How it works</h2>

14
docs/4.0/bootstrap-components/scrollspy/index.html
View File

@ -1311,11 +1311,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="how-it-works">How it works</h2>

14
docs/4.0/bootstrap-components/tooltips/index.html
View File

@ -1286,11 +1286,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="overview">Overview</h2>

14
docs/4.0/browser-bugs/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>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.</p>

14
docs/4.0/content/code/index.html
View File

@ -1256,11 +1256,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="inline-code">Inline code</h2>

14
docs/4.0/content/figures/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Anytime you need to display a piece of content—like an image with an optional caption, consider using a <code class="highlighter-rouge">&lt;figure&gt;</code>.</p>

2750
docs/4.0/content/images/index.html
View File

File diff suppressed because it is too large Load Diff

14
docs/4.0/content/reboot/index.html
View File

@ -1276,11 +1276,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="approach">Approach</h2>

14
docs/4.0/content/tables/index.html
View File

@ -1277,11 +1277,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="examples">Examples</h2>

14
docs/4.0/content/typography/index.html
View File

@ -1276,11 +1276,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="global-settings">Global settings</h2>

14
docs/4.0/examples/index.html
View File

@ -133,11 +133,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
</header>

14
docs/4.0/extend/approach/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>While the getting started pages provide an introductory tour of the project and what it offers, this document focuses on <em>why</em> 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.</p>

14
docs/4.0/extend/icons/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>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.</p>

14
docs/4.0/extend/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>todo: this entire page</p>

14
docs/4.0/getting-started/accessibility/index.html
View File

@ -1260,11 +1260,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>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.</p>

14
docs/4.0/getting-started/best-practices/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>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.</p>

14
docs/4.0/getting-started/browsers-devices/index.html
View File

@ -1276,11 +1276,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="supported-browsers">Supported browsers</h2>

14
docs/4.0/getting-started/build-tools/index.html
View File

@ -1256,11 +1256,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="tooling-setup">Tooling setup</h2>

14
docs/4.0/getting-started/contents/index.html
View File

@ -1255,11 +1255,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="precompiled-bootstrap">Precompiled Bootstrap</h2>

14
docs/4.0/getting-started/download/index.html
View File

@ -1259,11 +1259,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="compiled-css-and-js">Compiled CSS and JS</h2>

14
docs/4.0/getting-started/introduction/index.html
View File

@ -1267,11 +1267,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="quick-start">Quick start</h2>

14
docs/4.0/getting-started/javascript/index.html
View File

@ -1282,11 +1282,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="individual-or-compiled">Individual or compiled</h2>

14
docs/4.0/getting-started/theming/index.html
View File

@ -1289,11 +1289,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="introduction">Introduction</h2>

14
docs/4.0/getting-started/webpack/index.html
View File

@ -1259,11 +1259,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="installing-bootstrap">Installing Bootstrap</h2>

14
docs/4.0/layout/grid/index.html
View File

@ -1302,11 +1302,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="how-it-works">How it works</h2>

14
docs/4.0/layout/media-object/index.html
View File

@ -1302,11 +1302,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="example">Example</h2>

14
docs/4.0/layout/overview/index.html
View File

@ -1254,11 +1254,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="containers">Containers</h2>

14
docs/4.0/layout/utilities-for-layout/index.html
View File

@ -1255,11 +1255,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="changing-display">Changing <code class="highlighter-rouge">display</code></h2>

14
docs/4.0/material-design/buttons/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="contents">Contents</h2>

14
docs/4.0/material-design/collapse-inline/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>The Material Design for Bootstrap <code class="highlighter-rouge">CollapseInline</code> 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 <a href="/bootstrap-material-design/components/collapse/">Bootstrap collapse plugin</a> for easy toggle behavior. Since most functionality and documentation (including a rich set of Javascript events) is already provided by the <a href="/bootstrap-material-design/components/collapse/">Bootstrap collapse plugin</a>, the following will focus only on some samples utilizing the BMD <code class="highlighter-rouge">CollapseInline</code> component.</p>

14
docs/4.0/material-design/drawers/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>The Material Design for Bootstrap <code class="highlighter-rouge">Drawer</code> 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.</p>

14
docs/4.0/material-design/extensions/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Material Design for Bootstrap provides seamlessly integration with some extensions.</p>

14
docs/4.0/material-design/forms/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms.</p>

14
docs/4.0/material-design/labels/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Below is a complete list of <code class="highlighter-rouge">&lt;label&gt;</code> class options supported by Material Design for Bootstrap:</p>

14
docs/4.0/material-design/list-groups/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Material design list groups are specialized versions of their bootstrap counterparts, opting for the flexbox layout to achieve

14
docs/4.0/material-design/menus/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Bootstrap users know these as <a href="/bootstrap-material-design/components/dropdowns/">dropdowns</a>, but these are also known as menus in the <a href="https://www.google.com/design/spec/components/menus.html#menus-specs">Material Design specification</a>.</p>

14
docs/4.0/material-design/navs/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Navigation available in Bootstrap share general markup and styles, from the base <code class="highlighter-rouge">.nav</code> class to the active and disabled states. Swap modifier classes to switch between each style.</p>

14
docs/4.0/material-design/selections/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="contents">Contents</h2>

14
docs/4.0/material-design/snackbars/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Snackbars and toasts can be created using the <a href="https://github.com/FezVrasta/snackbarjs">SnackbarJS</a> plugin developed by us.</p>

14
docs/4.0/migration/index.html
View File

@ -1309,11 +1309,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="stable-changes">Stable changes</h2>

14
docs/4.0/utilities/borders/index.html
View File

@ -1259,11 +1259,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="border">Border</h2>

14
docs/4.0/utilities/clearfix/index.html
View File

@ -1251,11 +1251,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Easily clear <code class="highlighter-rouge">float</code>s by adding <code class="highlighter-rouge">.clearfix</code> <strong>to the parent element</strong>. Can also be used as a mixin.</p>

14
docs/4.0/utilities/close-icon/index.html
View File

@ -1251,11 +1251,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p><strong>Be sure to include text for screen readers</strong>, as we’ve done with <code class="highlighter-rouge">aria-label</code>.</p>

14
docs/4.0/utilities/colors/index.html
View File

@ -1261,11 +1261,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="color">Color</h2>

14
docs/4.0/utilities/display/index.html
View File

@ -1256,11 +1256,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="how-it-works">How it works</h2>

14
docs/4.0/utilities/embed/index.html
View File

@ -1254,11 +1254,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="about">About</h2>

14
docs/4.0/utilities/flex/index.html
View File

@ -1265,11 +1265,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="enable-flex-behaviors">Enable flex behaviors</h2>

14
docs/4.0/utilities/float/index.html
View File

@ -1255,11 +1255,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="overview">Overview</h2>

14
docs/4.0/utilities/image-replacement/index.html
View File

@ -1252,11 +1252,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Utilize the <code class="highlighter-rouge">.text-hide</code> class or mixin to help replace an element’s text content with a background image.</p>

14
docs/4.0/utilities/position/index.html
View File

@ -1249,11 +1249,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="common-values">Common values</h2>

14
docs/4.0/utilities/screenreaders/index.html
View File

@ -1251,11 +1251,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Hide an element to all devices <strong>except screen readers</strong> with <code class="highlighter-rouge">.sr-only</code>. Combine <code class="highlighter-rouge">.sr-only</code> with <code class="highlighter-rouge">.sr-only-focusable</code> to show the element again when it’s focused (e.g. by a keyboard-only user). Can also be used as mixins.</p>

14
docs/4.0/utilities/sizing/index.html
View File

@ -1251,11 +1251,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Width and height utilities are generated from the <code class="highlighter-rouge">$sizes</code> Sass map in <code class="highlighter-rouge">_variables.scss</code>. Includes support for <code class="highlighter-rouge">25%</code>, <code class="highlighter-rouge">50%</code>, <code class="highlighter-rouge">75%</code>, <code class="highlighter-rouge">100%</code>, and <code class="highlighter-rouge">auto</code> by default. Modify those values as you need to generate different utilities here.</p>

14
docs/4.0/utilities/spacing/index.html
View File

@ -1258,11 +1258,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="how-it-works">How it works</h2>

14
docs/4.0/utilities/text/index.html
View File

@ -1255,11 +1255,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<h2 id="text-alignment">Text alignment</h2>

14
docs/4.0/utilities/vertical-align/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Change the alignment of elements with the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align"><code class="highlighter-rouge">vertical-alignment</code></a> utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.</p>

14
docs/4.0/utilities/visibility/index.html
View File

@ -1246,11 +1246,19 @@
<hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0!
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP
5 KIT FOR FREE</a>
class="btn btn-outline-danger mt-3">DOWNLOAD BOOTSTRAP 5 FREE KIT</a>
</strong></div>
</div>
<div class="col-md-6 text-center">
<div class="alert alert-primary" role="alert">
Get Material KIT PRO 20% OFF
<hr>
<strong>Use code <code>5V9QGF</code> on the checkout to get the discount.
<a type="button" href="https://mdbootstrap.com/docs/standard/pro/?utm_ref_id=28683"
class="btn btn-outline-primary mt-3">GET MATERIAL KIT PRO</a>
</strong></div>
</div>
</div>
<p>Set the <code class="highlighter-rouge">visibility</code> of elements with our visibility utilities. These do not modify the <code class="highlighter-rouge">display</code> value at all and are helpful for hiding content from most users, but still keeping them for screen readers.</p>