diff --git a/404.html b/404.html
index 505c5db878..917bad5ffa 100644
--- a/404.html
+++ b/404.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -63,7 +62,7 @@
<div class="skippy visually-hidden-focusable overflow-hidden">
<div class="container-xl">
<a class="d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-
+
</div>
</div>
@@ -138,7 +137,7 @@
</header>
-
+
<main class="my-auto p-5" id="content">
<div class="text-center py-5">
<h1 class="display-1">404</h1>
@@ -214,7 +213,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/4.6/about/brand/index.html b/docs/4.6/about/brand/index.html
index 089d503d1d..3f8f42423e 100644
--- a/docs/4.6/about/brand/index.html
+++ b/docs/4.6/about/brand/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/about/license/index.html b/docs/4.6/about/license/index.html
index accd8d6a99..187f6e500f 100644
--- a/docs/4.6/about/license/index.html
+++ b/docs/4.6/about/license/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/about/overview/index.html b/docs/4.6/about/overview/index.html
index 23ca9f09f5..e9646cfef7 100644
--- a/docs/4.6/about/overview/index.html
+++ b/docs/4.6/about/overview/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/about/team/index.html b/docs/4.6/about/team/index.html
index 2f2d6804b5..3e4dde3f20 100644
--- a/docs/4.6/about/team/index.html
+++ b/docs/4.6/about/team/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/about/translations/index.html b/docs/4.6/about/translations/index.html
index 3e0cca4b29..27ab118a09 100644
--- a/docs/4.6/about/translations/index.html
+++ b/docs/4.6/about/translations/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/browser-bugs/index.html b/docs/4.6/browser-bugs/index.html
index ef503fcc1a..35631627b9 100644
--- a/docs/4.6/browser-bugs/index.html
+++ b/docs/4.6/browser-bugs/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/alerts/index.html b/docs/4.6/components/alerts/index.html
index 240db10b17..bc00af2e8c 100644
--- a/docs/4.6/components/alerts/index.html
+++ b/docs/4.6/components/alerts/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/badge/index.html b/docs/4.6/components/badge/index.html
index b411ade330..312d535127 100644
--- a/docs/4.6/components/badge/index.html
+++ b/docs/4.6/components/badge/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/breadcrumb/index.html b/docs/4.6/components/breadcrumb/index.html
index dd1ca4c1e8..339f00e30a 100644
--- a/docs/4.6/components/breadcrumb/index.html
+++ b/docs/4.6/components/breadcrumb/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/button-group/index.html b/docs/4.6/components/button-group/index.html
index fb9a85cc60..3619fd9165 100644
--- a/docs/4.6/components/button-group/index.html
+++ b/docs/4.6/components/button-group/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/buttons/index.html b/docs/4.6/components/buttons/index.html
index 6693b70bd5..5a4372e41a 100644
--- a/docs/4.6/components/buttons/index.html
+++ b/docs/4.6/components/buttons/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/card/index.html b/docs/4.6/components/card/index.html
index 4e459eea77..0c22662d04 100644
--- a/docs/4.6/components/card/index.html
+++ b/docs/4.6/components/card/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/carousel/index.html b/docs/4.6/components/carousel/index.html
index a86b8540a2..0dd8d1c34b 100644
--- a/docs/4.6/components/carousel/index.html
+++ b/docs/4.6/components/carousel/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/collapse/index.html b/docs/4.6/components/collapse/index.html
index c16367261c..857d77c282 100644
--- a/docs/4.6/components/collapse/index.html
+++ b/docs/4.6/components/collapse/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/dropdowns/index.html b/docs/4.6/components/dropdowns/index.html
index 96c437a594..69e74730ee 100644
--- a/docs/4.6/components/dropdowns/index.html
+++ b/docs/4.6/components/dropdowns/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/forms/index.html b/docs/4.6/components/forms/index.html
index e45644a792..079597c8da 100644
--- a/docs/4.6/components/forms/index.html
+++ b/docs/4.6/components/forms/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/input-group/index.html b/docs/4.6/components/input-group/index.html
index dc954d4d6e..b359b2be2d 100644
--- a/docs/4.6/components/input-group/index.html
+++ b/docs/4.6/components/input-group/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/jumbotron/index.html b/docs/4.6/components/jumbotron/index.html
index 8860c35cd9..18db15455d 100644
--- a/docs/4.6/components/jumbotron/index.html
+++ b/docs/4.6/components/jumbotron/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/list-group/index.html b/docs/4.6/components/list-group/index.html
index 16ec0ac746..8645b225af 100644
--- a/docs/4.6/components/list-group/index.html
+++ b/docs/4.6/components/list-group/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/media-object/index.html b/docs/4.6/components/media-object/index.html
index 414bef84db..cae8894d4f 100644
--- a/docs/4.6/components/media-object/index.html
+++ b/docs/4.6/components/media-object/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/modal/index.html b/docs/4.6/components/modal/index.html
index f4e466ae35..6e3d7d7196 100644
--- a/docs/4.6/components/modal/index.html
+++ b/docs/4.6/components/modal/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/navbar/index.html b/docs/4.6/components/navbar/index.html
index e36eeb21eb..7c988e5bc0 100644
--- a/docs/4.6/components/navbar/index.html
+++ b/docs/4.6/components/navbar/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/navs/index.html b/docs/4.6/components/navs/index.html
index 9d95b7942f..3c516941f3 100644
--- a/docs/4.6/components/navs/index.html
+++ b/docs/4.6/components/navs/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/pagination/index.html b/docs/4.6/components/pagination/index.html
index f8c921ab2e..58be09c71c 100644
--- a/docs/4.6/components/pagination/index.html
+++ b/docs/4.6/components/pagination/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/popovers/index.html b/docs/4.6/components/popovers/index.html
index eccc29e581..a6b01c1152 100644
--- a/docs/4.6/components/popovers/index.html
+++ b/docs/4.6/components/popovers/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/progress/index.html b/docs/4.6/components/progress/index.html
index 8ac353e851..13262d3925 100644
--- a/docs/4.6/components/progress/index.html
+++ b/docs/4.6/components/progress/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/scrollspy/index.html b/docs/4.6/components/scrollspy/index.html
index bd8c483a98..38dbcfa36c 100644
--- a/docs/4.6/components/scrollspy/index.html
+++ b/docs/4.6/components/scrollspy/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/spinners/index.html b/docs/4.6/components/spinners/index.html
index 4f0e0acd87..28fe168c2d 100644
--- a/docs/4.6/components/spinners/index.html
+++ b/docs/4.6/components/spinners/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/toasts/index.html b/docs/4.6/components/toasts/index.html
index 270ee911b0..fcb563a06d 100644
--- a/docs/4.6/components/toasts/index.html
+++ b/docs/4.6/components/toasts/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/components/tooltips/index.html b/docs/4.6/components/tooltips/index.html
index eb1e997482..c06b7c0ce9 100644
--- a/docs/4.6/components/tooltips/index.html
+++ b/docs/4.6/components/tooltips/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/content/code/index.html b/docs/4.6/content/code/index.html
index 48d6692e68..847f7e4596 100644
--- a/docs/4.6/content/code/index.html
+++ b/docs/4.6/content/code/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/content/figures/index.html b/docs/4.6/content/figures/index.html
index 90dbe1c5ba..83b6deac85 100644
--- a/docs/4.6/content/figures/index.html
+++ b/docs/4.6/content/figures/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/content/images/index.html b/docs/4.6/content/images/index.html
index 899859e292..df87c79301 100644
--- a/docs/4.6/content/images/index.html
+++ b/docs/4.6/content/images/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/content/reboot/index.html b/docs/4.6/content/reboot/index.html
index 046a4698ad..9c2af4bd1c 100644
--- a/docs/4.6/content/reboot/index.html
+++ b/docs/4.6/content/reboot/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/content/tables/index.html b/docs/4.6/content/tables/index.html
index 3caf546342..bbd6d18ae6 100644
--- a/docs/4.6/content/tables/index.html
+++ b/docs/4.6/content/tables/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/content/typography/index.html b/docs/4.6/content/typography/index.html
index 8007e54332..63bbe933c3 100644
--- a/docs/4.6/content/typography/index.html
+++ b/docs/4.6/content/typography/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/examples/index.html b/docs/4.6/examples/index.html
index e077a2ea4f..adb10cd26c 100644
--- a/docs/4.6/examples/index.html
+++ b/docs/4.6/examples/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/extend/approach/index.html b/docs/4.6/extend/approach/index.html
index a0d3c8066f..b821b70f0b 100644
--- a/docs/4.6/extend/approach/index.html
+++ b/docs/4.6/extend/approach/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/extend/icons/index.html b/docs/4.6/extend/icons/index.html
index ef57a710e7..b64d7d45b3 100644
--- a/docs/4.6/extend/icons/index.html
+++ b/docs/4.6/extend/icons/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/accessibility/index.html b/docs/4.6/getting-started/accessibility/index.html
index ada3411ff7..d99061aa01 100644
--- a/docs/4.6/getting-started/accessibility/index.html
+++ b/docs/4.6/getting-started/accessibility/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/best-practices/index.html b/docs/4.6/getting-started/best-practices/index.html
index b5da499340..d1e3ad9e91 100644
--- a/docs/4.6/getting-started/best-practices/index.html
+++ b/docs/4.6/getting-started/best-practices/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/browsers-devices/index.html b/docs/4.6/getting-started/browsers-devices/index.html
index fbdcbbe2cb..339dda2cf5 100644
--- a/docs/4.6/getting-started/browsers-devices/index.html
+++ b/docs/4.6/getting-started/browsers-devices/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/build-tools/index.html b/docs/4.6/getting-started/build-tools/index.html
index ece7101fb9..4f84597e91 100644
--- a/docs/4.6/getting-started/build-tools/index.html
+++ b/docs/4.6/getting-started/build-tools/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/contents/index.html b/docs/4.6/getting-started/contents/index.html
index a742b9680f..21a7f11ffd 100644
--- a/docs/4.6/getting-started/contents/index.html
+++ b/docs/4.6/getting-started/contents/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/download/index.html b/docs/4.6/getting-started/download/index.html
index df0646a0ad..7df5c146ba 100644
--- a/docs/4.6/getting-started/download/index.html
+++ b/docs/4.6/getting-started/download/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/introduction/index.html b/docs/4.6/getting-started/introduction/index.html
index 78b81b222f..26d67fd882 100644
--- a/docs/4.6/getting-started/introduction/index.html
+++ b/docs/4.6/getting-started/introduction/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/javascript/index.html b/docs/4.6/getting-started/javascript/index.html
index 332064657b..aaf876149a 100644
--- a/docs/4.6/getting-started/javascript/index.html
+++ b/docs/4.6/getting-started/javascript/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/theming/index.html b/docs/4.6/getting-started/theming/index.html
index 5b421f03a5..6f065bb8a8 100644
--- a/docs/4.6/getting-started/theming/index.html
+++ b/docs/4.6/getting-started/theming/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/getting-started/webpack/index.html b/docs/4.6/getting-started/webpack/index.html
index 4ddf2492a8..5cbf24d675 100644
--- a/docs/4.6/getting-started/webpack/index.html
+++ b/docs/4.6/getting-started/webpack/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/layout/grid/index.html b/docs/4.6/layout/grid/index.html
index 8069153bc3..9745676771 100644
--- a/docs/4.6/layout/grid/index.html
+++ b/docs/4.6/layout/grid/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/layout/overview/index.html b/docs/4.6/layout/overview/index.html
index 5d7ab315fc..d42925dfdd 100644
--- a/docs/4.6/layout/overview/index.html
+++ b/docs/4.6/layout/overview/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/layout/utilities-for-layout/index.html b/docs/4.6/layout/utilities-for-layout/index.html
index 9eea89e070..2b7aa57ec1 100644
--- a/docs/4.6/layout/utilities-for-layout/index.html
+++ b/docs/4.6/layout/utilities-for-layout/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/migration/index.html b/docs/4.6/migration/index.html
index 7192a378aa..26c14dbf5e 100644
--- a/docs/4.6/migration/index.html
+++ b/docs/4.6/migration/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/borders/index.html b/docs/4.6/utilities/borders/index.html
index 3a18a3b0c2..2ce0c6ff92 100644
--- a/docs/4.6/utilities/borders/index.html
+++ b/docs/4.6/utilities/borders/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/clearfix/index.html b/docs/4.6/utilities/clearfix/index.html
index 5ee08891f4..7bc8d7b372 100644
--- a/docs/4.6/utilities/clearfix/index.html
+++ b/docs/4.6/utilities/clearfix/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/close-icon/index.html b/docs/4.6/utilities/close-icon/index.html
index 773fcbcbba..f6a6bc3538 100644
--- a/docs/4.6/utilities/close-icon/index.html
+++ b/docs/4.6/utilities/close-icon/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/colors/index.html b/docs/4.6/utilities/colors/index.html
index 5158887e47..69f2ba5c83 100644
--- a/docs/4.6/utilities/colors/index.html
+++ b/docs/4.6/utilities/colors/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/display/index.html b/docs/4.6/utilities/display/index.html
index 5d45e90269..7502e9426d 100644
--- a/docs/4.6/utilities/display/index.html
+++ b/docs/4.6/utilities/display/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/embed/index.html b/docs/4.6/utilities/embed/index.html
index fc62d240c9..493bb2f0c3 100644
--- a/docs/4.6/utilities/embed/index.html
+++ b/docs/4.6/utilities/embed/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/flex/index.html b/docs/4.6/utilities/flex/index.html
index 7da235b6c6..f56b32e5a9 100644
--- a/docs/4.6/utilities/flex/index.html
+++ b/docs/4.6/utilities/flex/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/float/index.html b/docs/4.6/utilities/float/index.html
index a9f554e12c..6768147ae2 100644
--- a/docs/4.6/utilities/float/index.html
+++ b/docs/4.6/utilities/float/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/image-replacement/index.html b/docs/4.6/utilities/image-replacement/index.html
index b103cef347..a78442b4ac 100644
--- a/docs/4.6/utilities/image-replacement/index.html
+++ b/docs/4.6/utilities/image-replacement/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/interactions/index.html b/docs/4.6/utilities/interactions/index.html
index 04e7381704..3580afefef 100644
--- a/docs/4.6/utilities/interactions/index.html
+++ b/docs/4.6/utilities/interactions/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/overflow/index.html b/docs/4.6/utilities/overflow/index.html
index 0f29fcdf04..4fa7659653 100644
--- a/docs/4.6/utilities/overflow/index.html
+++ b/docs/4.6/utilities/overflow/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/position/index.html b/docs/4.6/utilities/position/index.html
index d4f4071e4b..389efbc116 100644
--- a/docs/4.6/utilities/position/index.html
+++ b/docs/4.6/utilities/position/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/screen-readers/index.html b/docs/4.6/utilities/screen-readers/index.html
index df61df3936..79a769e56a 100644
--- a/docs/4.6/utilities/screen-readers/index.html
+++ b/docs/4.6/utilities/screen-readers/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/shadows/index.html b/docs/4.6/utilities/shadows/index.html
index b189f4049b..31dcd8501b 100644
--- a/docs/4.6/utilities/shadows/index.html
+++ b/docs/4.6/utilities/shadows/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/sizing/index.html b/docs/4.6/utilities/sizing/index.html
index dde58c57b8..5b9a9a41ef 100644
--- a/docs/4.6/utilities/sizing/index.html
+++ b/docs/4.6/utilities/sizing/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/spacing/index.html b/docs/4.6/utilities/spacing/index.html
index c98f3e579b..d6e0dee366 100644
--- a/docs/4.6/utilities/spacing/index.html
+++ b/docs/4.6/utilities/spacing/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/stretched-link/index.html b/docs/4.6/utilities/stretched-link/index.html
index fb165e4931..2ee6301e54 100644
--- a/docs/4.6/utilities/stretched-link/index.html
+++ b/docs/4.6/utilities/stretched-link/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/text/index.html b/docs/4.6/utilities/text/index.html
index ba6170a0cf..dda5ff2d89 100644
--- a/docs/4.6/utilities/text/index.html
+++ b/docs/4.6/utilities/text/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/vertical-align/index.html b/docs/4.6/utilities/vertical-align/index.html
index 1175629b5b..cae020caaa 100644
--- a/docs/4.6/utilities/vertical-align/index.html
+++ b/docs/4.6/utilities/vertical-align/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/4.6/utilities/visibility/index.html b/docs/4.6/utilities/visibility/index.html
index 537936ecc4..65fe2e9b6b 100644
--- a/docs/4.6/utilities/visibility/index.html
+++ b/docs/4.6/utilities/visibility/index.html
@@ -59,7 +59,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF" defer></script>
</head>
diff --git a/docs/5.0/about/brand/index.html b/docs/5.0/about/brand/index.html
index 8af71d87f1..8031414632 100644
--- a/docs/5.0/about/brand/index.html
+++ b/docs/5.0/about/brand/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -404,10 +403,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Have a need for Bootstrap’s brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well.</p>
<h2 id="logo">Logo</h2>
@@ -512,7 +511,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/about/license/index.html b/docs/5.0/about/license/index.html
index 6b2e3e5269..b27dc7799a 100644
--- a/docs/5.0/about/license/index.html
+++ b/docs/5.0/about/license/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Bootstrap is released under the MIT license and is copyright 2021 Twitter. Boiled down to smaller chunks, it can be described with the following conditions.</p>
<h2 id="it-requires-you-to">It requires you to:</h2>
@@ -497,7 +496,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/about/overview/index.html b/docs/5.0/about/overview/index.html
index 0d0d033b46..977791efe0 100644
--- a/docs/5.0/about/overview/index.html
+++ b/docs/5.0/about/overview/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="team">Team</h2>
<p>Bootstrap is maintained by a <a href="https://github.com/orgs/twbs/people">small team of developers</a> on GitHub. We’re actively looking to grow this team and would love to hear from you if you’re excited about CSS at scale, writing and maintaining vanilla JavaScript plugins, and improving build tooling processes for frontend code.</p>
@@ -481,7 +480,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/about/team/index.html b/docs/5.0/about/team/index.html
index 593b341a44..aec85b2794 100644
--- a/docs/5.0/about/team/index.html
+++ b/docs/5.0/about/team/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
@@ -408,70 +407,70 @@
<strong>Mark Otto</strong> @mdo
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/fat">
<img src="https://github.com/fat.png" alt="@fat" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>Jacob Thornton</strong> @fat
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/xhmikosr">
<img src="https://github.com/xhmikosr.png" alt="@xhmikosr" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>XhmikosR</strong> @xhmikosr
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/geosot">
<img src="https://github.com/geosot.png" alt="@geosot" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>GeoSot</strong> @geosot
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/rohit2sharma95">
<img src="https://github.com/rohit2sharma95.png" alt="@rohit2sharma95" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>Rohit Sharma</strong> @rohit2sharma95
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/alpadev">
<img src="https://github.com/alpadev.png" alt="@alpadev" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>alpadev</strong> @alpadev
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/ffoodd">
<img src="https://github.com/ffoodd.png" alt="@ffoodd" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>Gaël Poupard</strong> @ffoodd
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/patrickhlauke">
<img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>Patrick H. Lauke</strong> @patrickhlauke
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/martijncuppens">
<img src="https://github.com/martijncuppens.png" alt="@martijncuppens" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>Martijn Cuppens</strong> @martijncuppens
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/johann-s">
<img src="https://github.com/johann-s.png" alt="@johann-s" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
<strong>Johann-S</strong> @johann-s
</span>
</a>
-
+
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/glebm">
<img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded me-2" loading="lazy">
<span>
@@ -553,7 +552,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/about/translations/index.html b/docs/5.0/about/translations/index.html
index d106afbd8e..c845cd2cf0 100644
--- a/docs/5.0/about/translations/index.html
+++ b/docs/5.0/about/translations/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Community members have translated Bootstrap’s documentation into various languages. None are officially supported and they may not always be up to date.</p>
@@ -486,7 +485,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/accordion/index.html b/docs/5.0/components/accordion/index.html
index f9e8d545c5..c242e007de 100644
--- a/docs/5.0/components/accordion/index.html
+++ b/docs/5.0/components/accordion/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -415,10 +414,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>The accordion uses <a href="/docs/5.0/components/collapse/">collapse</a> internally to make it collapsible. To render an accordion that’s expanded, add the <code>.open</code> class on the <code>.accordion</code>.</p>
@@ -759,7 +758,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/alerts/index.html b/docs/5.0/components/alerts/index.html
index 59371833a9..f720ec14ae 100644
--- a/docs/5.0/components/alerts/index.html
+++ b/docs/5.0/components/alerts/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -424,10 +423,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="examples">Examples</h2>
<p>Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight <strong>required</strong> contextual classes (e.g., <code>.alert-success</code>). For inline dismissal, use the <a href="#dismissing">alerts JavaScript plugin</a>.</p>
@@ -863,7 +862,7 @@ When an alert is dismissed, the element is completely removed from the page stru
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/badge/index.html b/docs/5.0/components/badge/index.html
index 19429386a7..5255f9869c 100644
--- a/docs/5.0/components/badge/index.html
+++ b/docs/5.0/components/badge/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -410,10 +409,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="example">Example</h2>
<p>Badges scale to match the size of the immediate parent element by using relative font sizing and <code>em</code> units. As of v5, badges no longer have focus or hover styles for links.</p>
@@ -575,7 +574,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/breadcrumb/index.html b/docs/5.0/components/breadcrumb/index.html
index 0db732c4af..4df2c83dd1 100644
--- a/docs/5.0/components/breadcrumb/index.html
+++ b/docs/5.0/components/breadcrumb/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -410,10 +409,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="example">Example</h2>
<p>Use an ordered or unordered list with linked list items to create a minimally styled breadcrumb. Use our utilities to add additional styles as desired.</p>
@@ -594,7 +593,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/button-group/index.html b/docs/5.0/components/button-group/index.html
index f6a3d03e60..7facbf185f 100644
--- a/docs/5.0/components/button-group/index.html
+++ b/docs/5.0/components/button-group/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -410,10 +409,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="basic-example">Basic example</h2>
<p>Wrap a series of buttons with <code>.btn</code> in <code>.btn-group</code>.</p>
@@ -798,7 +797,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/buttons/index.html b/docs/5.0/components/buttons/index.html
index 09c71eb699..f0c31ae447 100644
--- a/docs/5.0/components/buttons/index.html
+++ b/docs/5.0/components/buttons/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -422,10 +421,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="examples">Examples</h2>
<p>Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.</p>
@@ -887,7 +886,7 @@ Visually, these toggle buttons are identical to the <a href="/docs/5.0/forms/che
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/card/index.html b/docs/5.0/components/card/index.html
index 1d196bbcd3..073c0171a4 100644
--- a/docs/5.0/components/card/index.html
+++ b/docs/5.0/components/card/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -449,10 +448,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="about">About</h2>
<p>A <strong>card</strong> is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.</p>
@@ -1847,7 +1846,7 @@ Note that content should not be larger than the height of the image. If content
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/carousel/index.html b/docs/5.0/components/carousel/index.html
index 4495858d2a..394fabd0a6 100644
--- a/docs/5.0/components/carousel/index.html
+++ b/docs/5.0/components/carousel/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -430,10 +429,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.</p>
@@ -1147,7 +1146,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/close-button/index.html b/docs/5.0/components/close-button/index.html
index abf25ff5bf..6afc8e1576 100644
--- a/docs/5.0/components/close-button/index.html
+++ b/docs/5.0/components/close-button/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -410,10 +409,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="example">Example</h2>
<p>Provide an option to dismiss or close a component with <code>.btn-close</code>. Default styling is limited, but highly customizable. Modify the Sass variables to replace the default <code>background-image</code>. <strong>Be sure to include text for screen readers</strong>, as we’ve done with <code>aria-label</code>.</p>
@@ -519,7 +518,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/collapse/index.html b/docs/5.0/components/collapse/index.html
index aa8074585e..3503247ae2 100644
--- a/docs/5.0/components/collapse/index.html
+++ b/docs/5.0/components/collapse/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -421,10 +420,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle. Collapsing an element will animate the <code>height</code> from its current value to <code>0</code>. Given how CSS handles animations, you cannot use <code>padding</code> on a <code>.collapse</code> element. Instead, use the class as an independent wrapping element.</p>
@@ -726,7 +725,7 @@ Multiple <code><button></code> or <code><a></code> can show and hide
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/dropdowns/index.html b/docs/5.0/components/dropdowns/index.html
index ce14d1c1b5..bc65dbb446 100644
--- a/docs/5.0/components/dropdowns/index.html
+++ b/docs/5.0/components/dropdowns/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -463,10 +462,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="overview">Overview</h2>
<p>Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They’re made interactive with the included Bootstrap dropdown JavaScript plugin. They’re toggled by clicking, not by hovering; this is <a href="https://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/">an intentional design decision</a>.</p>
@@ -1993,7 +1992,7 @@ On touch-enabled devices, opening a dropdown adds empty <code>mouseover</code> h
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/list-group/index.html b/docs/5.0/components/list-group/index.html
index 1252c5eaa6..e298767cba 100644
--- a/docs/5.0/components/list-group/index.html
+++ b/docs/5.0/components/list-group/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -436,10 +435,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="basic-example">Basic example</h2>
<p>The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed.</p>
@@ -1221,7 +1220,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/modal/index.html b/docs/5.0/components/modal/index.html
index 85454a4e13..3ab99746e0 100644
--- a/docs/5.0/components/modal/index.html
+++ b/docs/5.0/components/modal/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -448,10 +447,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>Before getting started with Bootstrap’s modal component, be sure to read the following as our menu options have recently changed.</p>
@@ -1472,7 +1471,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/navbar/index.html b/docs/5.0/components/navbar/index.html
index 6ecc73a9a7..fce9699c23 100644
--- a/docs/5.0/components/navbar/index.html
+++ b/docs/5.0/components/navbar/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -433,10 +432,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>Here’s what you need to know before getting started with the navbar:</p>
@@ -1494,7 +1493,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/navs-tabs/index.html b/docs/5.0/components/navs-tabs/index.html
index ed6e061edd..00c3d5df33 100644
--- a/docs/5.0/components/navs-tabs/index.html
+++ b/docs/5.0/components/navs-tabs/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -441,10 +440,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="base-nav">Base nav</h2>
<p>Navigation available in Bootstrap share general markup and styles, from the base <code>.nav</code> class to the active and disabled states. Swap modifier classes to switch between each style.</p>
@@ -1259,7 +1258,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/offcanvas/index.html b/docs/5.0/components/offcanvas/index.html
index 4e74263c04..3d096a6961 100644
--- a/docs/5.0/components/offcanvas/index.html
+++ b/docs/5.0/components/offcanvas/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -426,10 +425,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>Offcanvas is a sidebar component that can be toggled via JavaScript to appear from the left, right, or bottom edge of the viewport. Buttons or anchors are used as triggers that are attached to specific elements you toggle, and <code>data</code> attributes are used to invoke our JavaScript.</p>
@@ -884,7 +883,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/pagination/index.html b/docs/5.0/components/pagination/index.html
index 711bc6c965..7111029e70 100644
--- a/docs/5.0/components/pagination/index.html
+++ b/docs/5.0/components/pagination/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -413,10 +412,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="overview">Overview</h2>
<p>We use a large block of connected links for our pagination, making links hard to miss and easily scalable—all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. Use a wrapping <code><nav></code> element to identify it as a navigation section to screen readers and other assistive technologies.</p>
@@ -778,7 +777,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/popovers/index.html b/docs/5.0/components/popovers/index.html
index 606781a94b..b862c40e96 100644
--- a/docs/5.0/components/popovers/index.html
+++ b/docs/5.0/components/popovers/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -440,10 +439,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="overview">Overview</h2>
<p>Things to know when using the popover plugin:</p>
@@ -885,7 +884,7 @@ Note that for security reasons the <code>sanitize</code>, <code>sanitizeFn</code
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/progress/index.html b/docs/5.0/components/progress/index.html
index 443094277d..a8a9f9c47c 100644
--- a/docs/5.0/components/progress/index.html
+++ b/docs/5.0/components/progress/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -415,10 +414,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>Progress components are built with two HTML elements, some CSS to set the width, and a few attributes. We don’t use <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress">the HTML5 <code><progress></code> element</a>, ensuring you can stack progress bars, animate them, and place text labels over them.</p>
@@ -670,7 +669,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/scrollspy/index.html b/docs/5.0/components/scrollspy/index.html
index a0ce64dc72..a6b7ca44e7 100644
--- a/docs/5.0/components/scrollspy/index.html
+++ b/docs/5.0/components/scrollspy/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -421,10 +420,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>Scrollspy has a few requirements to function properly:</p>
@@ -791,7 +790,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/spinners/index.html b/docs/5.0/components/spinners/index.html
index de07efa68d..cef648d158 100644
--- a/docs/5.0/components/spinners/index.html
+++ b/docs/5.0/components/spinners/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -429,10 +428,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="about">About</h2>
<p>Bootstrap “spinners” can be used to show the loading state in your projects. They’re built only with HTML and CSS, meaning you don’t need any JavaScript to create them. You will, however, need some custom JavaScript to toggle their visibility. Their appearance, alignment, and sizing can be easily customized with our amazing utility classes.</p>
@@ -789,7 +788,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/toasts/index.html b/docs/5.0/components/toasts/index.html
index 6c7fefe980..a8581688f9 100644
--- a/docs/5.0/components/toasts/index.html
+++ b/docs/5.0/components/toasts/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -433,10 +432,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They’re built with flexbox, so they’re easy to align and position.</p>
<h2 id="overview">Overview</h2>
@@ -1034,7 +1033,7 @@ You have to manually call this method, instead your toast won’t show.</p>
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/components/tooltips/index.html b/docs/5.0/components/tooltips/index.html
index e6d6dddcc7..d40ccd379b 100644
--- a/docs/5.0/components/tooltips/index.html
+++ b/docs/5.0/components/tooltips/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -435,10 +434,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="overview">Overview</h2>
<p>Things to know when using the tooltip plugin:</p>
@@ -884,7 +883,7 @@ Note that for security reasons the <code>sanitize</code>, <code>sanitizeFn</code
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/content/figures/index.html b/docs/5.0/content/figures/index.html
index a34d3058bf..9a0ccd9a6b 100644
--- a/docs/5.0/content/figures/index.html
+++ b/docs/5.0/content/figures/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -407,10 +406,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Anytime you need to display a piece of content—like an image with an optional caption, consider using a <code><figure></code>.</p>
<p>Use the included <code>.figure</code>, <code>.figure-img</code> and <code>.figure-caption</code> classes to provide some baseline styles for the HTML5 <code><figure></code> and <code><figcaption></code> elements. Images in figures have no explicit size, so be sure to add the <code>.img-fluid</code> class to your <code><img></code> to make it responsive.</p>
@@ -512,7 +511,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/content/images/index.html b/docs/5.0/content/images/index.html
index d1c1b5d104..d1c70ebe5a 100644
--- a/docs/5.0/content/images/index.html
+++ b/docs/5.0/content/images/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -411,10 +410,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="responsive-images">Responsive images</h2>
<p>Images in Bootstrap are made responsive with <code>.img-fluid</code>. This applies <code>max-width: 100%;</code> and <code>height: auto;</code> to the image so that it scales with the parent element.</p>
@@ -537,7 +536,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/content/reboot/index.html b/docs/5.0/content/reboot/index.html
index ee0744c0d5..cdcca86da5 100644
--- a/docs/5.0/content/reboot/index.html
+++ b/docs/5.0/content/reboot/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -427,10 +426,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="approach">Approach</h2>
<p>Reboot builds upon Normalize, providing many HTML elements with somewhat opinionated styles using only element selectors. Additional styling is done only with classes. For example, we reboot some <code><table></code> styles for a simpler baseline and later provide <code>.table</code>, <code>.table-bordered</code>, and more.</p>
@@ -889,7 +888,7 @@ To edit settings, press <span class="p"><</span><span class="nt">kbd</span><s
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/content/tables/index.html b/docs/5.0/content/tables/index.html
index 5ade437d70..4e692bf0cc 100644
--- a/docs/5.0/content/tables/index.html
+++ b/docs/5.0/content/tables/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -442,10 +441,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="overview">Overview</h2>
<p>Due to the widespread use of <code><table></code> elements across third-party widgets like calendars and date pickers, Bootstrap’s tables are <strong>opt-in</strong>. Add the base class <code>.table</code> to any <code><table></code>, then extend with our optional modifier classes or custom styles. All table styles are not inherited in Bootstrap, meaning any nested tables can be styled independent from the parent.</p>
@@ -527,7 +526,7 @@
<td>Cell</td>
<td>Cell</td>
</tr>
-
+
<tr class="table-primary">
<th scope="row">Primary</th>
<td>Cell</td>
@@ -2115,7 +2114,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/content/typography/index.html b/docs/5.0/content/typography/index.html
index 57267e7d15..90dec18ad0 100644
--- a/docs/5.0/content/typography/index.html
+++ b/docs/5.0/content/typography/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -433,10 +432,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="global-settings">Global settings</h2>
<p>Bootstrap sets basic global display, typography, and link styles. When more control is needed, check out the <a href="/docs/5.0/utilities/text/">textual utility classes</a>.</p>
@@ -891,7 +890,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/customize/color/index.html b/docs/5.0/customize/color/index.html
index 4bdd6e0fde..d310f19bce 100644
--- a/docs/5.0/customize/color/index.html
+++ b/docs/5.0/customize/color/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -413,47 +412,47 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="theme-colors">Theme colors</h2>
<p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstrap’s <code>scss/_variables.scss</code> file.</p>
<div class="row">
-
+
<div class="col-md-4">
<div class="p-3 mb-3 bg-primary text-white">Primary</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 bg-secondary text-white">Secondary</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 bg-success text-white">Success</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 bg-danger text-white">Danger</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 bg-warning text-dark">Warning</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 bg-info text-dark">Info</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 bg-light text-dark">Light</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 bg-dark text-white">Dark</div>
</div>
-
+
</div>
<p>All these colors are available as a Sass map, <code>$theme-colors</code>.</p>
<div class="highlight"><pre class="chroma"><code class="language-scss" data-lang="scss"><span class="nv">$theme-colors</span><span class="o">:</span> <span class="p">(</span>
@@ -472,265 +471,265 @@
<p>All Bootstrap colors are available as Sass variables and a Sass map in <code>scss/_variables.scss</code> file. To avoid increased file sizes, we don’t create text or background color classes for each of these variables. Instead, we choose a subset of these colors for a <a href="#theme-colors">theme palette</a>.</p>
<p>Be sure to monitor contrast ratios as you customize colors. As shown below, we’ve added three contrast ratios to each of the main colors—one for the swatch’s current colors, one for against white, and one for against black.</p>
<div class="row font-monospace">
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-blue">
<strong class="d-block">$blue</strong>
#0d6efd
</div>
-
+
<div class="p-3 bd-blue-100">$blue-100</div>
-
+
<div class="p-3 bd-blue-200">$blue-200</div>
-
+
<div class="p-3 bd-blue-300">$blue-300</div>
-
+
<div class="p-3 bd-blue-400">$blue-400</div>
-
+
<div class="p-3 bd-blue-500">$blue-500</div>
-
+
<div class="p-3 bd-blue-600">$blue-600</div>
-
+
<div class="p-3 bd-blue-700">$blue-700</div>
-
+
<div class="p-3 bd-blue-800">$blue-800</div>
-
+
<div class="p-3 bd-blue-900">$blue-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-indigo">
<strong class="d-block">$indigo</strong>
#6610f2
</div>
-
+
<div class="p-3 bd-indigo-100">$indigo-100</div>
-
+
<div class="p-3 bd-indigo-200">$indigo-200</div>
-
+
<div class="p-3 bd-indigo-300">$indigo-300</div>
-
+
<div class="p-3 bd-indigo-400">$indigo-400</div>
-
+
<div class="p-3 bd-indigo-500">$indigo-500</div>
-
+
<div class="p-3 bd-indigo-600">$indigo-600</div>
-
+
<div class="p-3 bd-indigo-700">$indigo-700</div>
-
+
<div class="p-3 bd-indigo-800">$indigo-800</div>
-
+
<div class="p-3 bd-indigo-900">$indigo-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-purple">
<strong class="d-block">$purple</strong>
#6f42c1
</div>
-
+
<div class="p-3 bd-purple-100">$purple-100</div>
-
+
<div class="p-3 bd-purple-200">$purple-200</div>
-
+
<div class="p-3 bd-purple-300">$purple-300</div>
-
+
<div class="p-3 bd-purple-400">$purple-400</div>
-
+
<div class="p-3 bd-purple-500">$purple-500</div>
-
+
<div class="p-3 bd-purple-600">$purple-600</div>
-
+
<div class="p-3 bd-purple-700">$purple-700</div>
-
+
<div class="p-3 bd-purple-800">$purple-800</div>
-
+
<div class="p-3 bd-purple-900">$purple-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-pink">
<strong class="d-block">$pink</strong>
#d63384
</div>
-
+
<div class="p-3 bd-pink-100">$pink-100</div>
-
+
<div class="p-3 bd-pink-200">$pink-200</div>
-
+
<div class="p-3 bd-pink-300">$pink-300</div>
-
+
<div class="p-3 bd-pink-400">$pink-400</div>
-
+
<div class="p-3 bd-pink-500">$pink-500</div>
-
+
<div class="p-3 bd-pink-600">$pink-600</div>
-
+
<div class="p-3 bd-pink-700">$pink-700</div>
-
+
<div class="p-3 bd-pink-800">$pink-800</div>
-
+
<div class="p-3 bd-pink-900">$pink-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-red">
<strong class="d-block">$red</strong>
#dc3545
</div>
-
+
<div class="p-3 bd-red-100">$red-100</div>
-
+
<div class="p-3 bd-red-200">$red-200</div>
-
+
<div class="p-3 bd-red-300">$red-300</div>
-
+
<div class="p-3 bd-red-400">$red-400</div>
-
+
<div class="p-3 bd-red-500">$red-500</div>
-
+
<div class="p-3 bd-red-600">$red-600</div>
-
+
<div class="p-3 bd-red-700">$red-700</div>
-
+
<div class="p-3 bd-red-800">$red-800</div>
-
+
<div class="p-3 bd-red-900">$red-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-orange">
<strong class="d-block">$orange</strong>
#fd7e14
</div>
-
+
<div class="p-3 bd-orange-100">$orange-100</div>
-
+
<div class="p-3 bd-orange-200">$orange-200</div>
-
+
<div class="p-3 bd-orange-300">$orange-300</div>
-
+
<div class="p-3 bd-orange-400">$orange-400</div>
-
+
<div class="p-3 bd-orange-500">$orange-500</div>
-
+
<div class="p-3 bd-orange-600">$orange-600</div>
-
+
<div class="p-3 bd-orange-700">$orange-700</div>
-
+
<div class="p-3 bd-orange-800">$orange-800</div>
-
+
<div class="p-3 bd-orange-900">$orange-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-yellow">
<strong class="d-block">$yellow</strong>
#ffc107
</div>
-
+
<div class="p-3 bd-yellow-100">$yellow-100</div>
-
+
<div class="p-3 bd-yellow-200">$yellow-200</div>
-
+
<div class="p-3 bd-yellow-300">$yellow-300</div>
-
+
<div class="p-3 bd-yellow-400">$yellow-400</div>
-
+
<div class="p-3 bd-yellow-500">$yellow-500</div>
-
+
<div class="p-3 bd-yellow-600">$yellow-600</div>
-
+
<div class="p-3 bd-yellow-700">$yellow-700</div>
-
+
<div class="p-3 bd-yellow-800">$yellow-800</div>
-
+
<div class="p-3 bd-yellow-900">$yellow-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-green">
<strong class="d-block">$green</strong>
#198754
</div>
-
+
<div class="p-3 bd-green-100">$green-100</div>
-
+
<div class="p-3 bd-green-200">$green-200</div>
-
+
<div class="p-3 bd-green-300">$green-300</div>
-
+
<div class="p-3 bd-green-400">$green-400</div>
-
+
<div class="p-3 bd-green-500">$green-500</div>
-
+
<div class="p-3 bd-green-600">$green-600</div>
-
+
<div class="p-3 bd-green-700">$green-700</div>
-
+
<div class="p-3 bd-green-800">$green-800</div>
-
+
<div class="p-3 bd-green-900">$green-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-teal">
<strong class="d-block">$teal</strong>
#20c997
</div>
-
+
<div class="p-3 bd-teal-100">$teal-100</div>
-
+
<div class="p-3 bd-teal-200">$teal-200</div>
-
+
<div class="p-3 bd-teal-300">$teal-300</div>
-
+
<div class="p-3 bd-teal-400">$teal-400</div>
-
+
<div class="p-3 bd-teal-500">$teal-500</div>
-
+
<div class="p-3 bd-teal-600">$teal-600</div>
-
+
<div class="p-3 bd-teal-700">$teal-700</div>
-
+
<div class="p-3 bd-teal-800">$teal-800</div>
-
+
<div class="p-3 bd-teal-900">$teal-900</div>
-
+
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-cyan">
<strong class="d-block">$cyan</strong>
#0dcaf0
</div>
-
+
<div class="p-3 bd-cyan-100">$cyan-100</div>
-
+
<div class="p-3 bd-cyan-200">$cyan-200</div>
-
+
<div class="p-3 bd-cyan-300">$cyan-300</div>
-
+
<div class="p-3 bd-cyan-400">$cyan-400</div>
-
+
<div class="p-3 bd-cyan-500">$cyan-500</div>
-
+
<div class="p-3 bd-cyan-600">$cyan-600</div>
-
+
<div class="p-3 bd-cyan-700">$cyan-700</div>
-
+
<div class="p-3 bd-cyan-800">$cyan-800</div>
-
+
<div class="p-3 bd-cyan-900">$cyan-900</div>
-
+
</div>
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 position-relative swatch-gray-500">
@@ -738,24 +737,24 @@
#adb5bd
</div>
<div class="p-3 bd-gray-100">$gray-100</div>
-
+
<div class="p-3 bd-gray-200">$gray-200</div>
-
+
<div class="p-3 bd-gray-300">$gray-300</div>
-
+
<div class="p-3 bd-gray-400">$gray-400</div>
-
+
<div class="p-3 bd-gray-500">$gray-500</div>
-
+
<div class="p-3 bd-gray-600">$gray-600</div>
-
+
<div class="p-3 bd-gray-700">$gray-700</div>
-
+
<div class="p-3 bd-gray-800">$gray-800</div>
-
+
<div class="p-3 bd-gray-900">$gray-900</div>
</div>
-
+
<div class="col-md-4 mb-3">
<div class="p-3 mb-2 bd-black text-white">
<strong class="d-block">$black</strong>
@@ -876,7 +875,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/customize/components/index.html b/docs/5.0/customize/components/index.html
index 68b215f28e..5a6f67e27d 100644
--- a/docs/5.0/customize/components/index.html
+++ b/docs/5.0/customize/components/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -406,10 +405,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="base-classes">Base classes</h2>
<p>Bootstrap’s components are largely built with a base-modifier nomenclature. We group as many shared properties as possible into a base class, like <code>.btn</code>, and then group individual styles for each variant into modifier classes, like <code>.btn-primary</code> or <code>.btn-success</code>.</p>
@@ -588,7 +587,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/customize/css-variables/index.html b/docs/5.0/customize/css-variables/index.html
index b2aa12b2ae..e874a905b2 100644
--- a/docs/5.0/customize/css-variables/index.html
+++ b/docs/5.0/customize/css-variables/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -405,10 +404,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Bootstrap includes around two dozen <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties">CSS custom properties (variables)</a> in its compiled CSS, with dozens more on the way for improved customization on a per-component basis. These provide easy access to commonly used values like our theme colors, breakpoints, and primary font stacks when working in your browser’s inspector, a code sandbox, or general prototyping.</p>
<p><strong>All our custom properties are prefixed with <code>bs-</code></strong> to avoid conflicts with third party CSS.</p>
@@ -524,7 +523,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/customize/optimize/index.html b/docs/5.0/customize/optimize/index.html
index 28944e29f1..96914cdef7 100644
--- a/docs/5.0/customize/optimize/index.html
+++ b/docs/5.0/customize/optimize/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -409,10 +408,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="lean-sass-imports">Lean Sass imports</h2>
<p>When using Sass in your asset pipeline, make sure you optimize Bootstrap by only <code>@import</code>ing the components you need. Your largest optimizations will likely come from the <code>Layout & Components</code> section of our <code>bootstrap.scss</code>.</p>
@@ -584,7 +583,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/customize/options/index.html b/docs/5.0/customize/options/index.html
index 62cced087d..93ae72a7bd 100644
--- a/docs/5.0/customize/options/index.html
+++ b/docs/5.0/customize/options/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Customize Bootstrap with our built-in custom variables file and easily toggle global CSS preferences with new <code>$enable-*</code> Sass variables. Override a variable’s value and recompile with <code>npm run test</code> as needed.</p>
<p>You can find and customize these variables for key global options in Bootstrap’s <code>scss/_variables.scss</code> file.</p>
@@ -555,7 +554,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/customize/overview/index.html b/docs/5.0/customize/overview/index.html
index 0261103416..c9281d7889 100644
--- a/docs/5.0/customize/overview/index.html
+++ b/docs/5.0/customize/overview/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,56 +393,56 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<div class="row g-3">
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../sass/">
<strong class="d-block h5 mb-0">Sass</strong>
<span class="text-secondary">Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../options/">
<strong class="d-block h5 mb-0">Options</strong>
<span class="text-secondary">Customize Bootstrap with built-in variables to easily toggle global CSS preferences.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../color/">
<strong class="d-block h5 mb-0">Color</strong>
<span class="text-secondary">Learn about and customize the color systems that support the entire toolkit.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../components/">
<strong class="d-block h5 mb-0">Components</strong>
<span class="text-secondary">Learn how we build nearly all our components responsively and with base and modifier classes.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../css-variables/">
<strong class="d-block h5 mb-0">CSS variables</strong>
<span class="text-secondary">Use Bootstrap's CSS custom properties for fast and forward-looking design and development.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../optimize/">
<strong class="d-block h5 mb-0">Optimize</strong>
<span class="text-secondary">Keep your projects lean, responsive, and maintainable so you can deliver the best experience.</span>
</a>
</div>
-
+
</div>
-
+
<h2 id="overview">Overview</h2>
<p>There are multiple ways to customize Bootstrap. Your best path can depend on your project, the complexity of your build tools, the version of Bootstrap you’re using, browser support, and more.</p>
@@ -540,7 +539,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/customize/sass/index.html b/docs/5.0/customize/sass/index.html
index 55ec9c887e..d733e0ae52 100644
--- a/docs/5.0/customize/sass/index.html
+++ b/docs/5.0/customize/sass/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -426,10 +425,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Utilize our source Sass files to take advantage of variables, maps, mixins, and more.</p>
<h2 id="file-structure">File structure</h2>
@@ -715,7 +714,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/examples/index.html b/docs/5.0/examples/index.html
index 95365edb54..7da58a7917 100644
--- a/docs/5.0/examples/index.html
+++ b/docs/5.0/examples/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -63,7 +62,7 @@
<div class="skippy visually-hidden-focusable overflow-hidden">
<div class="container-xl">
<a class="d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-
+
</div>
</div>
@@ -138,19 +137,19 @@
</header>
-
+
<header class="py-5 border-bottom">
<div class="container pt-md-1 pb-md-4">
<div class="row">
<div class="col-xl-8">
<h1 class="bd-title mt-0">Examples</h1>
<p class="bd-lead">Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.</p>
-
+
<div class="d-flex flex-column flex-sm-row">
<a href="https://github.com/twbs/bootstrap/releases/download/v5.0.1/bootstrap-5.0.1-examples.zip" class="btn btn-lg btn-bd-primary" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download Examples');">Download examples</a>
<a href="https://github.com/twbs/bootstrap/archive/v5.0.1.zip" class="btn btn-lg btn-outline-secondary mt-3 mt-sm-0 ms-sm-3" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download');">Download source code</a>
</div>
-
+
</div>
<div class="col-xl-4 d-lg-flex justify-content-xl-end">
<script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
@@ -162,7 +161,7 @@
<main class="bd-content order-1 py-5" id="content">
<div class="container">
-
+
<h2 id="snippets">Snippets</h2>
<p>Common patterns for building sites and apps that build on existing components and utilities with custom CSS and more.</p>
<div class="row">
@@ -178,8 +177,8 @@
</a>
<p class="text-muted">Display your branding, navigation, search, and more with these header components</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/heroes/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/heroes.png,
@@ -192,8 +191,8 @@
</a>
<p class="text-muted">Set the stage on your homepage with heroes that feature clear calls to action.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/features/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/features.png,
@@ -206,8 +205,8 @@
</a>
<p class="text-muted">Explain the features, benefits, or other details in your marketing content.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/sidebars/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/sidebars.png,
@@ -236,8 +235,8 @@
</a>
<p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/pricing/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/pricing.png,
@@ -250,8 +249,8 @@
</a>
<p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/checkout/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/checkout.png,
@@ -264,8 +263,8 @@
</a>
<p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/product/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/product.png,
@@ -278,8 +277,8 @@
</a>
<p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/cover/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/cover.png,
@@ -292,8 +291,8 @@
</a>
<p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/carousel/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/carousel.png,
@@ -306,8 +305,8 @@
</a>
<p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/blog/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/blog.png,
@@ -320,8 +319,8 @@
</a>
<p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/dashboard/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/dashboard.png,
@@ -334,8 +333,8 @@
</a>
<p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/sign-in/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/sign-in.png,
@@ -348,8 +347,8 @@
</a>
<p class="text-muted">Custom form layout and design for a simple sign in form.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/sticky-footer/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/sticky-footer.png,
@@ -362,8 +361,8 @@
</a>
<p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/sticky-footer-navbar/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/sticky-footer-navbar.png,
@@ -376,8 +375,8 @@
</a>
<p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/jumbotron/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/jumbotron.png,
@@ -406,8 +405,8 @@
</a>
<p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/grid/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/grid.png,
@@ -420,8 +419,8 @@
</a>
<p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/cheatsheet/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/cheatsheet.png,
@@ -434,8 +433,8 @@
</a>
<p class="text-muted">Kitchen sink of Bootstrap components.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/cheatsheet-rtl/" hreflang="ar">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/cheatsheet-rtl.png,
@@ -464,8 +463,8 @@
</a>
<p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/navbar-static/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/navbar-static.png,
@@ -478,8 +477,8 @@
</a>
<p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/navbar-fixed/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/navbar-fixed.png,
@@ -492,8 +491,8 @@
</a>
<p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/navbar-bottom/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/navbar-bottom.png,
@@ -506,8 +505,8 @@
</a>
<p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/offcanvas-navbar/">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/offcanvas-navbar.png,
@@ -539,8 +538,8 @@
</a>
<p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/checkout-rtl/" hreflang="ar">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/checkout-rtl.png,
@@ -553,8 +552,8 @@
</a>
<p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/carousel-rtl/" hreflang="ar">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/carousel-rtl.png,
@@ -567,8 +566,8 @@
</a>
<p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/blog-rtl/" hreflang="ar">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/blog-rtl.png,
@@ -581,8 +580,8 @@
</a>
<p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a class="d-block" href="/docs/5.0/examples/dashboard-rtl/" hreflang="ar">
<img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/dashboard-rtl.png,
@@ -612,10 +611,10 @@
<p class="text-muted">Combine the powers of the Bootstrap grid and the Masonry layout.</p>
</div>
</div>
-
-
+
+
<hr class="my-5">
<div class="container">
<div class="text-center">
@@ -636,7 +635,7 @@
src="/docs/5.0/assets/img/bootstrap-themes-collage.png"
alt="Bootstrap Themes" width="1150" height="320" loading="lazy">
</div>
-
+
</div>
</main>
@@ -707,7 +706,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/extend/approach/index.html b/docs/5.0/extend/approach/index.html
index ba3bc3a333..4816f2fc5d 100644
--- a/docs/5.0/extend/approach/index.html
+++ b/docs/5.0/extend/approach/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<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>
<p>See something that doesn’t sound right, or perhaps could be done better? <a href="https://github.com/twbs/bootstrap/issues/new">Open an issue</a>—we’d love to discuss it with you.</p>
@@ -518,7 +517,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/extend/icons/index.html b/docs/5.0/extend/icons/index.html
index 4c991aa67e..147ad290e8 100644
--- a/docs/5.0/extend/icons/index.html
+++ b/docs/5.0/extend/icons/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>While Bootstrap doesn’t include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons. Feel free to use them or any other icon set in your project. We’ve included details for Bootstrap Icons and other preferred icon sets below.</p>
<p>While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.</p>
@@ -498,7 +497,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/checks-radios/index.html b/docs/5.0/forms/checks-radios/index.html
index f7d76361d1..3d19a5c85d 100644
--- a/docs/5.0/forms/checks-radios/index.html
+++ b/docs/5.0/forms/checks-radios/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -430,10 +429,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="approach">Approach</h2>
<p>Browser default checkboxes and radios are replaced with the help of <code>.form-check</code>, a series of classes for both input types that improves the layout and behavior of their HTML elements, that provide greater customization and cross browser consistency. Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.</p>
@@ -907,7 +906,7 @@ Visually, these checkbox toggle buttons are identical to the <a href="/docs/5.0/
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/floating-labels/index.html b/docs/5.0/forms/floating-labels/index.html
index 2045d1fcca..b1f6c347be 100644
--- a/docs/5.0/forms/floating-labels/index.html
+++ b/docs/5.0/forms/floating-labels/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -411,10 +410,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="example">Example</h2>
<p>Wrap a pair of <code><input class="form-control"></code> and <code><label></code> elements in <code>.form-floating</code> to enable floating labels with Bootstrap’s textual form fields. A <code>placeholder</code> is required on each <code><input></code> as our method of CSS-only floating labels uses the <code>:placeholder-shown</code> pseudo-element. Also note that the <code><input></code> must come first so we can utilize a sibling selector (e.g., <code>~</code>).</p>
@@ -621,7 +620,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/form-control/index.html b/docs/5.0/forms/form-control/index.html
index fea8c3bf2b..56c48e34f5 100644
--- a/docs/5.0/forms/form-control/index.html
+++ b/docs/5.0/forms/form-control/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -415,10 +414,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="example">Example</h2>
<div class="bd-example">
@@ -725,7 +724,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/input-group/index.html b/docs/5.0/forms/input-group/index.html
index bc68bb5f16..e2ece9b09b 100644
--- a/docs/5.0/forms/input-group/index.html
+++ b/docs/5.0/forms/input-group/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -422,10 +421,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="basic-example">Basic example</h2>
<p>Place one add-on or button on either side of an input. You may also place one on both sides of an input. Remember to place <code><label></code>s outside the input group.</p>
@@ -999,7 +998,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/layout/index.html b/docs/5.0/forms/layout/index.html
index 003464f335..ef39563fab 100644
--- a/docs/5.0/forms/layout/index.html
+++ b/docs/5.0/forms/layout/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -414,10 +413,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="forms">Forms</h2>
<p>Every group of form fields should reside in a <code><form></code> element. Bootstrap provides no default styling for the <code><form></code> element, but there are some powerful browser features that are provided by default.</p>
@@ -1015,7 +1014,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/overview/index.html b/docs/5.0/forms/overview/index.html
index ba81533c9b..4047e1de4f 100644
--- a/docs/5.0/forms/overview/index.html
+++ b/docs/5.0/forms/overview/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -411,70 +410,70 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<div class="row g-3">
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../form-control/">
<strong class="d-block h5 mb-0">Form control</strong>
<span class="text-secondary">Style textual inputs and textareas with support for multiple states.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../select/">
<strong class="d-block h5 mb-0">Select</strong>
<span class="text-secondary">Improve browser default select elements with a custom initial appearance.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../checks-radios/">
<strong class="d-block h5 mb-0">Checks & radios</strong>
<span class="text-secondary">Use our custom radio buttons and checkboxes in forms for selecting input options.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../range/">
<strong class="d-block h5 mb-0">Range</strong>
<span class="text-secondary">Replace browser default range inputs with our custom version.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../input-group/">
<strong class="d-block h5 mb-0">Input group</strong>
<span class="text-secondary">Attach labels and buttons to your inputs for increased semantic value.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../floating-labels/">
<strong class="d-block h5 mb-0">Floating labels</strong>
<span class="text-secondary">Create beautifully simple form labels that float over your input fields.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../layout/">
<strong class="d-block h5 mb-0">Layout</strong>
<span class="text-secondary">Create inline, horizontal, or complex grid-based layouts with your forms.</span>
</a>
</div>
-
+
<div class="col-md-6">
<a class="d-block text-decoration-none" href="../validation/">
<strong class="d-block h5 mb-0">Validation</strong>
<span class="text-secondary">Validate your forms with custom or native validation behaviors and styles.</span>
</a>
</div>
-
+
</div>
-
+
<h2 id="overview">Overview</h2>
<p>Bootstrap’s form controls expand on <a href="/docs/5.0/content/reboot/#forms">our Rebooted form styles</a> with classes. Use these classes to opt into their customized displays for a more consistent rendering across browsers and devices.</p>
@@ -723,7 +722,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/range/index.html b/docs/5.0/forms/range/index.html
index 63ca97a8a8..ecd20c88b0 100644
--- a/docs/5.0/forms/range/index.html
+++ b/docs/5.0/forms/range/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -411,10 +410,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="overview">Overview</h2>
<p>Create custom <code><input type="range"></code> controls with <code>.form-range</code>. The track (the background) and thumb (the value) are both styled to appear the same across browsers. As only Firefox supports “filling” their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it.</p>
@@ -537,7 +536,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/select/index.html b/docs/5.0/forms/select/index.html
index 6b27ce3c70..4e6bb78746 100644
--- a/docs/5.0/forms/select/index.html
+++ b/docs/5.0/forms/select/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -410,10 +409,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="default">Default</h2>
<p>Custom <code><select></code> menus need only a custom class, <code>.form-select</code> to trigger the custom styles. Custom styles are limited to the <code><select></code>’s initial appearance and cannot modify the <code><option></code>s due to browser limitations.</p>
@@ -614,7 +613,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/forms/validation/index.html b/docs/5.0/forms/validation/index.html
index f525f70f6a..9b687f13d3 100644
--- a/docs/5.0/forms/validation/index.html
+++ b/docs/5.0/forms/validation/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -417,10 +416,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<div class="bd-callout bd-callout-warning">
We are aware that currently the client-side custom validation styles and tooltips are not accessible, since they are not exposed to assistive technologies. While we work on a solution, we’d recommend either using the server-side option or the default browser validation method.
@@ -1269,7 +1268,7 @@ We are aware that currently the client-side custom validation styles and tooltip
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
+
<script async src="/docs/5.0/assets/js/validate-forms.js"></script>
</body>
</html>
diff --git a/docs/5.0/getting-started/accessibility/index.html b/docs/5.0/getting-started/accessibility/index.html
index b630e3845c..b420624442 100644
--- a/docs/5.0/getting-started/accessibility/index.html
+++ b/docs/5.0/getting-started/accessibility/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -412,10 +411,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<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>
<h2 id="overview-and-limitations">Overview and limitations</h2>
@@ -522,7 +521,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/best-practices/index.html b/docs/5.0/getting-started/best-practices/index.html
index 946f6789bd..6a7e77e3da 100644
--- a/docs/5.0/getting-started/best-practices/index.html
+++ b/docs/5.0/getting-started/best-practices/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<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>
<div class="bd-callout bd-callout-info">
@@ -484,7 +483,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/browsers-devices/index.html b/docs/5.0/getting-started/browsers-devices/index.html
index 71c9d70146..9a507cfcdf 100644
--- a/docs/5.0/getting-started/browsers-devices/index.html
+++ b/docs/5.0/getting-started/browsers-devices/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -418,10 +417,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="supported-browsers">Supported browsers</h2>
<p>Bootstrap supports the <strong>latest, stable releases</strong> of all major browsers and platforms.</p>
@@ -589,7 +588,7 @@ not Explorer <= 11
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/build-tools/index.html b/docs/5.0/getting-started/build-tools/index.html
index 39e443f301..4fc5d609d8 100644
--- a/docs/5.0/getting-started/build-tools/index.html
+++ b/docs/5.0/getting-started/build-tools/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -409,10 +408,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="tooling-setup">Tooling setup</h2>
<p>Bootstrap uses <a href="https://docs.npmjs.com/misc/scripts/">npm scripts</a> for its build system. Our <a href="https://github.com/twbs/bootstrap/blob/v5.0.1/package.json">package.json</a> includes convenient methods for working with the framework, including compiling code, running tests, and more.</p>
@@ -561,7 +560,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/contents/index.html b/docs/5.0/getting-started/contents/index.html
index 7a5122f674..6b1b0f53df 100644
--- a/docs/5.0/getting-started/contents/index.html
+++ b/docs/5.0/getting-started/contents/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -406,10 +405,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="precompiled-bootstrap">Precompiled Bootstrap</h2>
<p>Once downloaded, unzip the compressed folder and you’ll see something like this:</p>
@@ -637,7 +636,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/download/index.html b/docs/5.0/getting-started/download/index.html
index ae9e9f9dce..f0cd32bb17 100644
--- a/docs/5.0/getting-started/download/index.html
+++ b/docs/5.0/getting-started/download/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -415,10 +414,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="compiled-css-and-js">Compiled CSS and JS</h2>
<p>Download ready-to-use compiled code for <strong>Bootstrap v5.0.1</strong> to easily drop into your project, which includes:</p>
@@ -550,7 +549,7 @@ The <code>bootstrap</code> module itself exports all of our plugins. You can man
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/introduction/index.html b/docs/5.0/getting-started/introduction/index.html
index bccc12cf30..78218759eb 100644
--- a/docs/5.0/getting-started/introduction/index.html
+++ b/docs/5.0/getting-started/introduction/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -425,10 +424,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="quick-start">Quick start</h2>
<p>Looking to quickly add Bootstrap to your project? Use jsDelivr, a free open source CDN. Using a package manager or need to download the source files? <a href="/docs/5.0/getting-started/download/">Head to the downloads page</a>.</p>
@@ -598,7 +597,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/javascript/index.html b/docs/5.0/getting-started/javascript/index.html
index 79eece4b1a..57b257eabe 100644
--- a/docs/5.0/getting-started/javascript/index.html
+++ b/docs/5.0/getting-started/javascript/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -419,10 +418,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="individual-or-compiled">Individual or compiled</h2>
<p>Plugins can be included individually (using Bootstrap’s individual <code>js/dist/*.js</code>), or all at once using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code> (don’t include both).</p>
@@ -648,7 +647,7 @@ If you use special selectors, for example: <code>collapse:Example</code> be sure
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/parcel/index.html b/docs/5.0/getting-started/parcel/index.html
index 022f1a9219..85de4bbda8 100644
--- a/docs/5.0/getting-started/parcel/index.html
+++ b/docs/5.0/getting-started/parcel/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -413,10 +412,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="install-parcel">Install Parcel</h2>
<p>Install <a href="https://en.parceljs.org/getting_started.html">Parcel Bundler</a>.</p>
@@ -545,7 +544,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/rfs/index.html b/docs/5.0/getting-started/rfs/index.html
index 1a7cbdf5b8..b8fdfb6608 100644
--- a/docs/5.0/getting-started/rfs/index.html
+++ b/docs/5.0/getting-started/rfs/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -410,10 +409,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="what-is-rfs">What is RFS?</h2>
<p>Bootstrap’s side project <a href="https://github.com/twbs/rfs/tree/v9.0.3">RFS</a> is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like <code>margin</code>, <code>padding</code>, <code>border-radius</code>, or even <code>box-shadow</code>.</p>
@@ -535,7 +534,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/rtl/index.html b/docs/5.0/getting-started/rtl/index.html
index 192646d263..35e2f7aa32 100644
--- a/docs/5.0/getting-started/rtl/index.html
+++ b/docs/5.0/getting-started/rtl/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -419,10 +418,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="get-familiar">Get familiar</h2>
<p>We recommend getting familiar with Bootstrap first by reading through our <a href="/docs/5.0/getting-started/introduction/">Getting Started Introduction page</a>. Once you’ve run through it, continue reading here for how to enable RTL.</p>
@@ -631,7 +630,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/getting-started/webpack/index.html b/docs/5.0/getting-started/webpack/index.html
index 4fc7c0a338..4239dd4d4c 100644
--- a/docs/5.0/getting-started/webpack/index.html
+++ b/docs/5.0/getting-started/webpack/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -410,10 +409,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="installing-bootstrap">Installing Bootstrap</h2>
<p><a href="/docs/5.0/getting-started/download/#npm">Install bootstrap</a> as a Node.js module using npm.</p>
@@ -552,7 +551,7 @@ This means that you will have to make sure to add it to your <code>package.json<
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/helpers/clearfix/index.html b/docs/5.0/helpers/clearfix/index.html
index 9f7798c87b..76c7ffb72f 100644
--- a/docs/5.0/helpers/clearfix/index.html
+++ b/docs/5.0/helpers/clearfix/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Easily clear <code>float</code>s by adding <code>.clearfix</code> <strong>to the parent element</strong>. Can also be used as a mixin.</p>
<p>Use in HTML:</p>
@@ -497,7 +496,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/helpers/colored-links/index.html b/docs/5.0/helpers/colored-links/index.html
index 69a9ba68e3..c8ccb1be95 100644
--- a/docs/5.0/helpers/colored-links/index.html
+++ b/docs/5.0/helpers/colored-links/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>You can use the <code>.link-*</code> classes to colorize links. Unlike the <a href="/docs/5.0/utilities/colors/"><code>.text-*</code> classes</a>, these classes have a <code>:hover</code> and <code>:focus</code> state.</p>
<div class="bd-example">
@@ -494,7 +493,7 @@ Some of the link styles use a relatively light foreground color, and should only
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/helpers/position/index.html b/docs/5.0/helpers/position/index.html
index 088eb1e276..e3bc5bcd11 100644
--- a/docs/5.0/helpers/position/index.html
+++ b/docs/5.0/helpers/position/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -406,10 +405,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="fixed-top">Fixed top</h2>
<p>Position an element at the top of the viewport, from edge to edge. Be sure you understand the ramifications of fixed position in your project; you may need to add additional CSS.</p>
@@ -498,7 +497,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/helpers/ratio/index.html b/docs/5.0/helpers/ratio/index.html
index caec3ae047..91e0447ad2 100644
--- a/docs/5.0/helpers/ratio/index.html
+++ b/docs/5.0/helpers/ratio/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -407,10 +406,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="about">About</h2>
<p>Use the ratio helper to manage the aspect ratios of external content like <code><iframe></code>s, <code><embed></code>s, <code><video></code>s, and <code><object></code>s. These helpers also can be used on any standard HTML child element (e.g., a <code><div></code> or <code><img></code>). Styles are applied from the parent <code>.ratio</code> class directly to the child.</p>
@@ -559,7 +558,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/helpers/stretched-link/index.html b/docs/5.0/helpers/stretched-link/index.html
index e1b0d5feab..772484e6fc 100644
--- a/docs/5.0/helpers/stretched-link/index.html
+++ b/docs/5.0/helpers/stretched-link/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Add <code>.stretched-link</code> to a link to make its <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block">containing block</a> clickable via a <code>::after</code> pseudo element. In most cases, this means that an element with <code>position: relative;</code> that contains a link with the <code>.stretched-link</code> class is clickable. Please note given <a href="https://www.w3.org/TR/CSS21/visuren.html#propdef-position">how CSS <code>position</code> works</a>, <code>.stretched-link</code> cannot be mixed with most table elements.</p>
<p>Cards have <code>position: relative</code> by default in Bootstrap, so in this case you can safely add the <code>.stretched-link</code> class to a link in the card without any other HTML changes.</p>
@@ -569,7 +568,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/helpers/text-truncation/index.html b/docs/5.0/helpers/text-truncation/index.html
index 18c2028d3b..29fee44cf6 100644
--- a/docs/5.0/helpers/text-truncation/index.html
+++ b/docs/5.0/helpers/text-truncation/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>For longer content, you can add a <code>.text-truncate</code> class to truncate the text with an ellipsis. <strong>Requires <code>display: inline-block</code> or <code>display: block</code>.</strong></p>
<div class="bd-example">
@@ -495,7 +494,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/helpers/visually-hidden/index.html b/docs/5.0/helpers/visually-hidden/index.html
index 9cc908f5b9..599aab17ba 100644
--- a/docs/5.0/helpers/visually-hidden/index.html
+++ b/docs/5.0/helpers/visually-hidden/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Visually hide an element while still allowing it to be exposed to assistive technologies (such as screen readers) with <code>.visually-hidden</code>. Use <code>.visually-hidden-focusable</code> to visually hide an element by default, but to display it when it’s focused (e.g. by a keyboard-only user). <code>.visually-hidden-focusable</code> can also be applied to a container–thanks to <code>:focus-within</code>, the container will be displayed when any child element of the container receives focus.</p>
<div class="bd-example">
@@ -489,7 +488,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/layout/breakpoints/index.html b/docs/5.0/layout/breakpoints/index.html
index e9f3db3979..674a9aba7f 100644
--- a/docs/5.0/layout/breakpoints/index.html
+++ b/docs/5.0/layout/breakpoints/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -412,10 +411,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="core-concepts">Core concepts</h2>
<ul>
@@ -652,7 +651,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/layout/columns/index.html b/docs/5.0/layout/columns/index.html
index d45fb31edd..678d8b6b41 100644
--- a/docs/5.0/layout/columns/index.html
+++ b/docs/5.0/layout/columns/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -423,10 +422,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<div class="bd-callout bd-callout-info">
<strong>Heads up!</strong> Be sure to <a href="/docs/5.0/layout/grid/">read the Grid page</a> first before diving into how to modify and customize your grid columns.
@@ -979,7 +978,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/layout/containers/index.html b/docs/5.0/layout/containers/index.html
index f64f9a71cd..280cb247e0 100644
--- a/docs/5.0/layout/containers/index.html
+++ b/docs/5.0/layout/containers/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -407,10 +406,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-they-work">How they work</h2>
<p>Containers are the most basic layout element in Bootstrap and are <strong>required when using our default grid system</strong>. Containers are used to contain, pad, and (sometimes) center the content within them. While containers <em>can</em> be nested, most layouts do not require a nested container.</p>
@@ -632,7 +631,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/layout/grid/index.html b/docs/5.0/layout/grid/index.html
index 5c9542d8ed..ea8ffb61cc 100644
--- a/docs/5.0/layout/grid/index.html
+++ b/docs/5.0/layout/grid/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -434,10 +433,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="example">Example</h2>
<p>Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">flexbox</a> and is fully responsive. Below is an example and an in-depth explanation for how the grid system comes together.</p>
@@ -1153,7 +1152,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/layout/gutters/index.html b/docs/5.0/layout/gutters/index.html
index 376f9f7390..e634f25701 100644
--- a/docs/5.0/layout/gutters/index.html
+++ b/docs/5.0/layout/gutters/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -409,10 +408,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-they-work">How they work</h2>
<ul>
@@ -708,7 +707,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/layout/utilities/index.html b/docs/5.0/layout/utilities/index.html
index 873a323cb2..3092dc431f 100644
--- a/docs/5.0/layout/utilities/index.html
+++ b/docs/5.0/layout/utilities/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -406,10 +405,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="changing-display">Changing <code>display</code></h2>
<p>Use our <a href="/docs/5.0/utilities/display/">display utilities</a> for responsively toggling common values of the <code>display</code> property. Mix it with our grid system, content, or components to show or hide them across specific viewports.</p>
@@ -492,7 +491,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/layout/z-index/index.html b/docs/5.0/layout/z-index/index.html
index f35bcb43d1..308d8215b8 100644
--- a/docs/5.0/layout/z-index/index.html
+++ b/docs/5.0/layout/z-index/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Several Bootstrap components utilize <code>z-index</code>, the CSS property that helps control layout by providing a third axis to arrange content. We utilize a default z-index scale in Bootstrap that’s been designed to properly layer navigation, tooltips and popovers, modals, and more.</p>
<p>These higher values start at an arbitrary number, high and specific enough to ideally avoid conflicts. We need a standard set of these across our layered components—tooltips, popovers, navbars, dropdowns, modals—so we can be reasonably consistent in the behaviors. There’s no reason we couldn’t have used <code>100</code>+ or <code>500</code>+.</p>
@@ -484,7 +483,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/migration/index.html b/docs/5.0/migration/index.html
index c4f460052b..2136a57d66 100644
--- a/docs/5.0/migration/index.html
+++ b/docs/5.0/migration/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -438,10 +437,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="dependencies">Dependencies</h2>
<ul>
@@ -1028,7 +1027,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/api/index.html b/docs/5.0/utilities/api/index.html
index e22dc4dcb2..5d23e0c6ce 100644
--- a/docs/5.0/utilities/api/index.html
+++ b/docs/5.0/utilities/api/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -426,10 +425,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Bootstrap utilities are generated with our utility API and can be used to modify or extend our default set of utility classes via Sass. Our utility API is based on a series of Sass maps and functions for generating families of classes with various options. If you’re unfamiliar with Sass maps, read up on the <a href="https://sass-lang.com/documentation/values/maps">official Sass docs</a> to get started.</p>
<p>The <code>$utilities</code> map contains all our utilities and is later merged with your custom <code>$utilities</code> map, if present. The utility map contains a keyed list of utility groups which accept the following options:</p>
@@ -803,7 +802,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/background/index.html b/docs/5.0/utilities/background/index.html
index 46566aaea1..5c041ef1fe 100644
--- a/docs/5.0/utilities/background/index.html
+++ b/docs/5.0/utilities/background/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -412,10 +411,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="background-color">Background color</h2>
<p>Similar to the contextual text color classes, set the background of an element to any contextual class. Background utilities <strong>do not set <code>color</code></strong>, so in some cases you’ll want to use <code>.text-*</code> <a href="/docs/5.0/utilities/colors/">color utilities</a>.</p>
@@ -651,7 +650,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/borders/index.html b/docs/5.0/utilities/borders/index.html
index 4768651159..4548031d7b 100644
--- a/docs/5.0/utilities/borders/index.html
+++ b/docs/5.0/utilities/borders/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -422,10 +421,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="border">Border</h2>
<p>Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.</p>
@@ -762,7 +761,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/colors/index.html b/docs/5.0/utilities/colors/index.html
index 0e1b255895..7ab45b993d 100644
--- a/docs/5.0/utilities/colors/index.html
+++ b/docs/5.0/utilities/colors/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -411,10 +410,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="colors">Colors</h2>
<p>Colorize text with color utilities. If you want to colorize links, you can use the <a href="/docs/5.0/helpers/colored-links/"><code>.link-*</code> helper classes</a> which have <code>:hover</code> and <code>:focus</code> states.</p>
@@ -606,7 +605,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/display/index.html b/docs/5.0/utilities/display/index.html
index 7114a93209..2503b6c6c4 100644
--- a/docs/5.0/utilities/display/index.html
+++ b/docs/5.0/utilities/display/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -412,10 +411,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="how-it-works">How it works</h2>
<p>Change the value of the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display"><code>display</code> property</a> with our responsive display utility classes. We purposely support only a subset of all possible values for <code>display</code>. Classes can be combined for various effects as you need.</p>
@@ -632,7 +631,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/flex/index.html b/docs/5.0/utilities/flex/index.html
index de27a8dec2..630e6e1c71 100644
--- a/docs/5.0/utilities/flex/index.html
+++ b/docs/5.0/utilities/flex/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -423,10 +422,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="enable-flex-behaviors">Enable flex behaviors</h2>
<p>Apply <code>display</code> utilities to create a flexbox container and transform <strong>direct children elements</strong> into flex items. Flex containers and items are able to be modified further with additional flex properties.</p>
@@ -1391,7 +1390,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/float/index.html b/docs/5.0/utilities/float/index.html
index c881cfb1af..3b9f910070 100644
--- a/docs/5.0/utilities/float/index.html
+++ b/docs/5.0/utilities/float/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -409,10 +408,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="overview">Overview</h2>
<p>These utility classes float an element to the left or right, or disable floating, based on the current viewport size using the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/float">CSS <code>float</code> property</a>. <code>!important</code> is included to avoid specificity issues. These use the same viewport breakpoints as our grid system. Please be aware float utilities have no effect on flex items.</p>
@@ -541,7 +540,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/interactions/index.html b/docs/5.0/utilities/interactions/index.html
index 2a4a9723f7..1ece7a6411 100644
--- a/docs/5.0/utilities/interactions/index.html
+++ b/docs/5.0/utilities/interactions/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="text-selection">Text selection</h2>
<p>Change the way in which the content is selected when the user interacts with it.</p>
@@ -506,7 +505,7 @@ The <code>.pe-none</code> class (and the <code>pointer-events</code> CSS propert
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/overflow/index.html b/docs/5.0/utilities/overflow/index.html
index 2fb4782a14..ebc6fd46d9 100644
--- a/docs/5.0/utilities/overflow/index.html
+++ b/docs/5.0/utilities/overflow/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Adjust the <code>overflow</code> property on the fly with four default values and classes. These classes are not responsive by default.</p>
<div class="bd-example d-md-flex">
@@ -499,7 +498,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/position/index.html b/docs/5.0/utilities/position/index.html
index 309369ce02..b4b01b721b 100644
--- a/docs/5.0/utilities/position/index.html
+++ b/docs/5.0/utilities/position/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -412,10 +411,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="position-values">Position values</h2>
<p>Quick positioning classes are available, though they are not responsive.</p>
@@ -665,7 +664,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/shadows/index.html b/docs/5.0/utilities/shadows/index.html
index a370d2594c..c107c20c09 100644
--- a/docs/5.0/utilities/shadows/index.html
+++ b/docs/5.0/utilities/shadows/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -409,10 +408,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="examples">Examples</h2>
<p>While shadows on components are disabled by default in Bootstrap and can be enabled via <code>$enable-shadows</code>, you can also quickly add or remove a shadow with our <code>box-shadow</code> utility classes. Includes support for <code>.shadow-none</code> and three default sizes (which have associated variables to match).</p>
@@ -517,7 +516,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/sizing/index.html b/docs/5.0/utilities/sizing/index.html
index 6e6b28fab8..174d0271bc 100644
--- a/docs/5.0/utilities/sizing/index.html
+++ b/docs/5.0/utilities/sizing/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -409,10 +408,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="relative-to-the-parent">Relative to the parent</h2>
<p>Width and height utilities are generated from the utility API in <code>_utilities.scss</code>. Includes support for <code>25%</code>, <code>50%</code>, <code>75%</code>, <code>100%</code>, and <code>auto</code> by default. Modify those values as you need to generate different utilities here.</p>
@@ -588,7 +587,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/spacing/index.html b/docs/5.0/utilities/spacing/index.html
index f13996fbce..e1668b4055 100644
--- a/docs/5.0/utilities/spacing/index.html
+++ b/docs/5.0/utilities/spacing/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -417,10 +416,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="margin-and-padding">Margin and padding</h2>
<p>Assign responsive-friendly <code>margin</code> or <code>padding</code> values to an element or a subset of its sides with shorthand classes. Includes support for individual properties, all properties, and vertical and horizontal properties. Classes are built from a default Sass map ranging from <code>.25rem</code> to <code>3rem</code>.</p>
@@ -720,7 +719,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/text/index.html b/docs/5.0/utilities/text/index.html
index 7befa1d427..c21e8cb792 100644
--- a/docs/5.0/utilities/text/index.html
+++ b/docs/5.0/utilities/text/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,7 +393,7 @@
</div>
-
+
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
<nav id="TableOfContents">
@@ -419,10 +418,10 @@
</ul>
</nav>
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<h2 id="text-alignment">Text alignment</h2>
<p>Easily realign text to components with text alignment classes. For start, end, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.</p>
@@ -741,7 +740,7 @@ Note that <a href="https://rtlstyling.com/posts/rtl-styling#3.-line-break">break
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/vertical-align/index.html b/docs/5.0/utilities/vertical-align/index.html
index 0b8d7efefe..36d164173e 100644
--- a/docs/5.0/utilities/vertical-align/index.html
+++ b/docs/5.0/utilities/vertical-align/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Change the alignment of elements with the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align"><code>vertical-alignment</code></a> utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.</p>
<p>Choose from <code>.align-baseline</code>, <code>.align-top</code>, <code>.align-middle</code>, <code>.align-bottom</code>, <code>.align-text-bottom</code>, and <code>.align-text-top</code> as needed.</p>
@@ -523,7 +522,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/5.0/utilities/visibility/index.html b/docs/5.0/utilities/visibility/index.html
index 1dbbffe06d..c4bf085d3d 100644
--- a/docs/5.0/utilities/visibility/index.html
+++ b/docs/5.0/utilities/visibility/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -138,7 +137,7 @@
</header>
-
+
<nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
<div class="container-xxl d-flex align-items-md-center">
<form class="bd-search position-relative me-auto">
@@ -394,10 +393,10 @@
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Set the <code>visibility</code> of elements with our visibility utilities. These utility classes do not modify the <code>display</code> value at all and do not affect layout – <code>.invisible</code> elements still take up space in the page.</p>
<div class="bd-callout bd-callout-warning">
@@ -498,7 +497,7 @@ Elements with the <code>.invisible</code> class will be hidden <em>both</em> vis
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/docs/versions/index.html b/docs/versions/index.html
index 113f8001fd..4d8497312c 100644
--- a/docs/versions/index.html
+++ b/docs/versions/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -63,7 +62,7 @@
<div class="skippy visually-hidden-focusable overflow-hidden">
<div class="container-xl">
<a class="d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-
+
</div>
</div>
@@ -138,14 +137,14 @@
</header>
-
+
<header class="py-5 border-bottom">
<div class="container pt-md-1 pb-md-4">
<div class="row">
<div class="col-xl-8">
<h1 class="bd-title mt-0">Versions</h1>
<p class="bd-lead">An appendix of hosted documentation for nearly every release of Bootstrap, from v1 through v5.</p>
-
+
</div>
<div class="col-xl-4 d-lg-flex justify-content-xl-end">
<script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
@@ -157,7 +156,7 @@
<main class="bd-content order-1 py-5" id="content">
<div class="container">
-
+
<div class="row">
<div class="col-md-6 col-lg-4 col-xl mb-4">
<h2>v5.x</h2>
@@ -168,187 +167,187 @@
</a>
</div>
</div>
-
+
<div class="col-md-6 col-lg-4 col-xl mb-4">
<h2>v4.x</h2>
<p>Our previous major release with its minor releases. Last update was v4.6.0.</p><div class="list-group">
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.6/">
4.6
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.5/">
4.5
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.4/">
4.4
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.3/">
4.3
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.2/">
4.2
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.1/">
4.1
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.0/">
4.0
-
+
</a>
</div>
</div>
-
+
<div class="col-md-6 col-lg-4 col-xl mb-4">
<h2>v3.x</h2>
<p>Every minor and patch release from v3 is listed below. Last update was v3.4.1.</p><div class="list-group">
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/3.4/">
3.4
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/3.3/">
3.3
-
+
</a>
</div>
</div>
-
+
<div class="col-md-6 col-lg-4 col-xl mb-4">
<h2>v2.x</h2>
<p>Every minor and patch release from v2 is listed below.</p><div class="list-group">
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.3.2/">
2.3.2
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.3.1/">
2.3.1
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.3.0/">
2.3.0
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.2.2/">
2.2.2
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.2.1/">
2.2.1
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.2.0/">
2.2.0
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.1.1/">
2.1.1
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.1.0/">
2.1.0
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.4/">
2.0.4
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.3/">
2.0.3
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.2/">
2.0.2
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.1/">
2.0.1
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.0/">
2.0.0
-
+
</a>
</div>
</div>
-
+
<div class="col-md-6 col-lg-4 col-xl mb-4">
<h2>v1.x</h2>
<p>Every minor and patch release from v1 is listed below.</p><div class="list-group">
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.4.0/">
1.4.0
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.3.0/">
1.3.0
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.2.0/">
1.2.0
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.1.1/">
1.1.1
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.1.0/">
1.1.0
-
+
</a>
-
-
+
+
<a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.0.0/">
1.0.0
-
+
</a>
</div>
</div>
@@ -356,7 +355,7 @@
-
+
</div>
</main>
@@ -427,7 +426,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
diff --git a/index.html b/index.html
index c85719e559..c8e7920c49 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,6 @@
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
-<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script>
</head>
@@ -63,7 +62,7 @@
<div class="skippy visually-hidden-focusable overflow-hidden">
<div class="container-xl">
<a class="d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-
+
</div>
</div>
@@ -138,7 +137,7 @@
</header>
-
+
<main>
<div class="bd-masthead mb-3" id="content">
<div class="container px-4 px-md-3">
@@ -273,7 +272,7 @@
</main>
-
+
<footer class="bd-footer py-5 mt-5 bg-light">
@@ -342,7 +341,7 @@
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>