diff --git a/docs/5.0/about/brand/index.html b/docs/5.0/about/brand/index.html
index 2eb6c661bf..b02f9587ce 100644
--- a/docs/5.0/about/brand/index.html
+++ b/docs/5.0/about/brand/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -403,10 +404,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Have a need for Bootstrap&rsquo;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>
@@ -511,7 +512,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 2c8277cb7f..e8ceaa22ec 100644
--- a/docs/5.0/about/license/index.html
+++ b/docs/5.0/about/license/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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>
@@ -496,7 +497,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 4d9eb9a195..2a7083720a 100644
--- a/docs/5.0/about/overview/index.html
+++ b/docs/5.0/about/overview/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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&rsquo;re actively looking to grow this team and would love to hear from you if you&rsquo;re excited about CSS at scale, writing and maintaining vanilla JavaScript plugins, and improving build tooling processes for frontend code.</p>
@@ -480,7 +481,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 3af6740db5..33bdf0c69c 100644
--- a/docs/5.0/about/team/index.html
+++ b/docs/5.0/about/team/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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>
 
@@ -407,70 +408,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>
@@ -552,7 +553,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 8235bbb6e5..3b0fffcb62 100644
--- a/docs/5.0/about/translations/index.html
+++ b/docs/5.0/about/translations/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,10 @@
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Community members have translated Bootstrap&rsquo;s documentation into various languages. None are officially supported and they may not always be up to date.</p>
 
@@ -484,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 4fe7a5db1b..5ffcc0b277 100644
--- a/docs/5.0/components/accordion/index.html
+++ b/docs/5.0/components/accordion/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +415,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&rsquo;s expanded, add the <code>.open</code> class on the <code>.accordion</code>.</p>
@@ -758,7 +759,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 c6924b6e59..0b74d8e437 100644
--- a/docs/5.0/components/alerts/index.html
+++ b/docs/5.0/components/alerts/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +424,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>
@@ -862,7 +863,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 8596225ac1..c1eb514818 100644
--- a/docs/5.0/components/badge/index.html
+++ b/docs/5.0/components/badge/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +410,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>
@@ -574,7 +575,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 5899a246bd..fee0dd3f8a 100644
--- a/docs/5.0/components/breadcrumb/index.html
+++ b/docs/5.0/components/breadcrumb/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +410,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>
@@ -593,7 +594,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 3d7482b7be..e63f5eb951 100644
--- a/docs/5.0/components/button-group/index.html
+++ b/docs/5.0/components/button-group/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +410,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>
@@ -797,7 +798,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 c0c396401b..06d3a447a5 100644
--- a/docs/5.0/components/buttons/index.html
+++ b/docs/5.0/components/buttons/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +422,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>
@@ -886,7 +887,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 197793bf32..da5d7ed2ac 100644
--- a/docs/5.0/components/card/index.html
+++ b/docs/5.0/components/card/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +449,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&rsquo;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>
@@ -1846,7 +1847,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 ea3d32527e..8a75ddaecb 100644
--- a/docs/5.0/components/carousel/index.html
+++ b/docs/5.0/components/carousel/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +430,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>
@@ -1146,7 +1147,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 9f09bd002c..868170f5a9 100644
--- a/docs/5.0/components/close-button/index.html
+++ b/docs/5.0/components/close-button/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +410,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&rsquo;ve done with <code>aria-label</code>.</p>
@@ -518,7 +519,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 8b53a4afb0..55c2aad2a9 100644
--- a/docs/5.0/components/collapse/index.html
+++ b/docs/5.0/components/collapse/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -420,10 +421,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>
@@ -725,7 +726,7 @@ Multiple <code>&lt;button&gt;</code> or <code>&lt;a&gt;</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 45628dd00a..186e91c65c 100644
--- a/docs/5.0/components/dropdowns/index.html
+++ b/docs/5.0/components/dropdowns/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -462,10 +463,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&rsquo;re made interactive with the included Bootstrap dropdown JavaScript plugin. They&rsquo;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>
@@ -1992,7 +1993,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 ad88019335..07fc56ecb6 100644
--- a/docs/5.0/components/list-group/index.html
+++ b/docs/5.0/components/list-group/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +436,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>
@@ -1220,7 +1221,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 f1158303ff..83e4a89a15 100644
--- a/docs/5.0/components/modal/index.html
+++ b/docs/5.0/components/modal/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -447,10 +448,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&rsquo;s modal component, be sure to read the following as our menu options have recently changed.</p>
@@ -1471,7 +1472,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 c167037836..5429374ab0 100644
--- a/docs/5.0/components/navbar/index.html
+++ b/docs/5.0/components/navbar/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -432,10 +433,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Here&rsquo;s what you need to know before getting started with the navbar:</p>
@@ -1493,7 +1494,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 5c5cd4aa6b..c7ae77fb87 100644
--- a/docs/5.0/components/navs-tabs/index.html
+++ b/docs/5.0/components/navs-tabs/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +441,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>
@@ -1258,7 +1259,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 abb5bbd31b..df8870bfc0 100644
--- a/docs/5.0/components/offcanvas/index.html
+++ b/docs/5.0/components/offcanvas/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +426,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>
@@ -883,7 +884,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 a890c4c8eb..10385cac67 100644
--- a/docs/5.0/components/pagination/index.html
+++ b/docs/5.0/components/pagination/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +413,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>&lt;nav&gt;</code> element to identify it as a navigation section to screen readers and other assistive technologies.</p>
@@ -777,7 +778,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 0f44a28a47..2c1c868cda 100644
--- a/docs/5.0/components/popovers/index.html
+++ b/docs/5.0/components/popovers/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -439,10 +440,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>
@@ -884,7 +885,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 6f73e59bbd..1e32bfa157 100644
--- a/docs/5.0/components/progress/index.html
+++ b/docs/5.0/components/progress/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +415,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&rsquo;t use <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress">the HTML5 <code>&lt;progress&gt;</code> element</a>, ensuring you can stack progress bars, animate them, and place text labels over them.</p>
@@ -669,7 +670,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 1400478217..8c9a6ccfc7 100644
--- a/docs/5.0/components/scrollspy/index.html
+++ b/docs/5.0/components/scrollspy/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -420,10 +421,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>
@@ -790,7 +791,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 41b0ca34a0..1dc37d2c5d 100644
--- a/docs/5.0/components/spinners/index.html
+++ b/docs/5.0/components/spinners/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -428,10 +429,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="about">About</h2>
 <p>Bootstrap &ldquo;spinners&rdquo; can be used to show the loading state in your projects. They&rsquo;re built only with HTML and CSS, meaning you don&rsquo;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>
@@ -788,7 +789,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 8b5afb035c..2adeeb85e9 100644
--- a/docs/5.0/components/toasts/index.html
+++ b/docs/5.0/components/toasts/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -432,10 +433,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&rsquo;re built with flexbox, so they&rsquo;re easy to align and position.</p>
 <h2 id="overview">Overview</h2>
@@ -1033,7 +1034,7 @@ You have to manually call this method, instead your toast won&rsquo;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 2c96e5a65f..5023f235bc 100644
--- a/docs/5.0/components/tooltips/index.html
+++ b/docs/5.0/components/tooltips/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +435,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>
@@ -883,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/content/figures/index.html b/docs/5.0/content/figures/index.html
index 458e037c5e..8e039f13fb 100644
--- a/docs/5.0/content/figures/index.html
+++ b/docs/5.0/content/figures/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +407,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>&lt;figure&gt;</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>&lt;figure&gt;</code> and <code>&lt;figcaption&gt;</code> elements. Images in figures have no explicit size, so be sure to add the <code>.img-fluid</code> class to your <code>&lt;img&gt;</code> to make it responsive.</p>
@@ -511,7 +512,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 095b394e11..071ab79b91 100644
--- a/docs/5.0/content/images/index.html
+++ b/docs/5.0/content/images/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +411,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>
@@ -536,7 +537,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 90cd2102d5..b8764e2409 100644
--- a/docs/5.0/content/reboot/index.html
+++ b/docs/5.0/content/reboot/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +427,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>&lt;table&gt;</code> styles for a simpler baseline and later provide <code>.table</code>, <code>.table-bordered</code>, and more.</p>
@@ -888,7 +889,7 @@ To edit settings, press <span class="p">&lt;</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 4cddebf0c3..e3937cbdc9 100644
--- a/docs/5.0/content/tables/index.html
+++ b/docs/5.0/content/tables/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +442,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Due to the widespread use of <code>&lt;table&gt;</code> elements across third-party widgets like calendars and date pickers, Bootstrap&rsquo;s tables are <strong>opt-in</strong>. Add the base class <code>.table</code> to any <code>&lt;table&gt;</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>
@@ -526,7 +527,7 @@
         <td>Cell</td>
         <td>Cell</td>
       </tr>
-      
+
         <tr class="table-primary">
           <th scope="row">Primary</th>
           <td>Cell</td>
@@ -2114,7 +2115,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 5e1f18ab81..36c2898b63 100644
--- a/docs/5.0/content/typography/index.html
+++ b/docs/5.0/content/typography/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -432,10 +433,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>
@@ -890,7 +891,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 dd057768c1..1b8a7f7e44 100644
--- a/docs/5.0/customize/color/index.html
+++ b/docs/5.0/customize/color/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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,47 +413,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&rsquo;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>
@@ -471,265 +472,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&rsquo;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&rsquo;ve added three contrast ratios to each of the main colors—one for the swatch&rsquo;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">
@@ -737,24 +738,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>
@@ -875,7 +876,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 eb3c572842..cde25e203c 100644
--- a/docs/5.0/customize/components/index.html
+++ b/docs/5.0/customize/components/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +406,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="base-classes">Base classes</h2>
 <p>Bootstrap&rsquo;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>
@@ -587,7 +588,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 cece7c868f..75dc2eb15a 100644
--- a/docs/5.0/customize/css-variables/index.html
+++ b/docs/5.0/customize/css-variables/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +405,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&rsquo;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>
@@ -523,7 +524,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 b0b7fa3b96..18472aeea5 100644
--- a/docs/5.0/customize/optimize/index.html
+++ b/docs/5.0/customize/optimize/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -408,10 +409,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 &amp; Components</code> section of our <code>bootstrap.scss</code>.</p>
@@ -583,7 +584,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 cc5cdcd10d..af7619c9d4 100644
--- a/docs/5.0/customize/options/index.html
+++ b/docs/5.0/customize/options/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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&rsquo;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&rsquo;s <code>scss/_variables.scss</code> file.</p>
@@ -554,7 +555,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 946c76c366..53c4086836 100644
--- a/docs/5.0/customize/overview/index.html
+++ b/docs/5.0/customize/overview/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,56 +394,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&#39;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&rsquo;re using, browser support, and more.</p>
@@ -539,7 +540,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 ce3bc6d844..47f88a3e75 100644
--- a/docs/5.0/customize/sass/index.html
+++ b/docs/5.0/customize/sass/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +426,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>
@@ -714,7 +715,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 4033d0a40e..6ed9d3701b 100644
--- a/docs/5.0/examples/index.html
+++ b/docs/5.0/examples/index.html
@@ -55,6 +55,7 @@
   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>
@@ -62,7 +63,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>
 
@@ -137,19 +138,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.0/bootstrap-5.0.0-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.0.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>
@@ -161,7 +162,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">
@@ -177,8 +178,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,
@@ -191,8 +192,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,
@@ -205,8 +206,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,
@@ -235,8 +236,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,
@@ -249,8 +250,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,
@@ -263,8 +264,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,
@@ -277,8 +278,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,
@@ -291,8 +292,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,
@@ -305,8 +306,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,
@@ -319,8 +320,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,
@@ -333,8 +334,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,
@@ -347,8 +348,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,
@@ -361,8 +362,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,
@@ -375,8 +376,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,
@@ -405,8 +406,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,
@@ -419,8 +420,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,
@@ -433,8 +434,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,
@@ -463,8 +464,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,
@@ -477,8 +478,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,
@@ -491,8 +492,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,
@@ -505,8 +506,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,
@@ -538,8 +539,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,
@@ -552,8 +553,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,
@@ -566,8 +567,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,
@@ -580,8 +581,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,
@@ -611,10 +612,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">
@@ -635,7 +636,7 @@
                                                         src="/docs/5.0/assets/img/bootstrap-themes-collage.png"
                                                         alt="Bootstrap Themes" width="1150" height="320" loading="lazy">
         </div>
-      
+
     </div>
   </main>
 
@@ -706,7 +707,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 a77d52ce98..3f99586a7a 100644
--- a/docs/5.0/extend/approach/index.html
+++ b/docs/5.0/extend/approach/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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&rsquo;t sound right, or perhaps could be done better? <a href="https://github.com/twbs/bootstrap/issues/new">Open an issue</a>—we&rsquo;d love to discuss it with you.</p>
@@ -517,7 +518,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 ad21f09546..46fe60f7df 100644
--- a/docs/5.0/extend/icons/index.html
+++ b/docs/5.0/extend/icons/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,10 @@
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>While Bootstrap doesn&rsquo;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&rsquo;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>
@@ -497,7 +498,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 8084f46611..5aeee3a80c 100644
--- a/docs/5.0/forms/checks-radios/index.html
+++ b/docs/5.0/forms/checks-radios/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +430,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>
@@ -906,7 +907,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 37356327f1..161671d02b 100644
--- a/docs/5.0/forms/floating-labels/index.html
+++ b/docs/5.0/forms/floating-labels/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +411,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Wrap a pair of <code>&lt;input class=&quot;form-control&quot;&gt;</code> and <code>&lt;label&gt;</code> elements in <code>.form-floating</code> to enable floating labels with Bootstrap&rsquo;s textual form fields. A <code>placeholder</code> is required on each <code>&lt;input&gt;</code> as our method of CSS-only floating labels uses the <code>:placeholder-shown</code> pseudo-element. Also note that the <code>&lt;input&gt;</code> must come first so we can utilize a sibling selector (e.g., <code>~</code>).</p>
@@ -620,7 +621,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 3ec3a91038..602283b5e2 100644
--- a/docs/5.0/forms/form-control/index.html
+++ b/docs/5.0/forms/form-control/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +415,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <div class="bd-example">
@@ -724,7 +725,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 5072d1d514..2d0b0c54fd 100644
--- a/docs/5.0/forms/input-group/index.html
+++ b/docs/5.0/forms/input-group/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +422,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>&lt;label&gt;</code>s outside the input group.</p>
@@ -998,7 +999,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 19baaefce6..227f24189e 100644
--- a/docs/5.0/forms/layout/index.html
+++ b/docs/5.0/forms/layout/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +414,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>&lt;form&gt;</code> element. Bootstrap provides no default styling for the <code>&lt;form&gt;</code> element, but there are some powerful browser features that are provided by default.</p>
@@ -1014,7 +1015,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 a1279cbb73..9cb7c8b2d2 100644
--- a/docs/5.0/forms/overview/index.html
+++ b/docs/5.0/forms/overview/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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,70 +411,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 &amp; 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&rsquo;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>
@@ -722,7 +723,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 1f5fd7c74a..3ea3b4b3a3 100644
--- a/docs/5.0/forms/range/index.html
+++ b/docs/5.0/forms/range/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +411,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Create custom <code>&lt;input type=&quot;range&quot;&gt;</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 Edge Legacy and Firefox supports &ldquo;filling&rdquo; their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it.</p>
@@ -536,7 +537,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 4b9045872a..461adc851b 100644
--- a/docs/5.0/forms/select/index.html
+++ b/docs/5.0/forms/select/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +410,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="default">Default</h2>
 <p>Custom <code>&lt;select&gt;</code> menus need only a custom class, <code>.form-select</code> to trigger the custom styles. Custom styles are limited to the <code>&lt;select&gt;</code>&rsquo;s initial appearance and cannot modify the <code>&lt;option&gt;</code>s due to browser limitations.</p>
@@ -613,7 +614,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 10ee87dcc3..1209d1de68 100644
--- a/docs/5.0/forms/validation/index.html
+++ b/docs/5.0/forms/validation/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -416,10 +417,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&rsquo;d recommend either using the server-side option or the default browser validation method.
@@ -1261,7 +1262,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 90df3069ef..2b4f388cb7 100644
--- a/docs/5.0/getting-started/accessibility/index.html
+++ b/docs/5.0/getting-started/accessibility/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +412,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>
@@ -521,7 +522,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 4e2ac0d7d7..4e9049298a 100644
--- a/docs/5.0/getting-started/best-practices/index.html
+++ b/docs/5.0/getting-started/best-practices/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,10 @@
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>We&rsquo;ve designed and developed Bootstrap to work in a number of environments. Here are some of the best practices we&rsquo;ve gathered from years of working on and using it ourselves.</p>
 <div class="bd-callout bd-callout-info">
@@ -483,7 +484,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 03487ae505..a79bb4b09b 100644
--- a/docs/5.0/getting-started/browsers-devices/index.html
+++ b/docs/5.0/getting-started/browsers-devices/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +418,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>
@@ -588,7 +589,7 @@ not Explorer &lt;= 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 2005f0cc3d..d632a10567 100644
--- a/docs/5.0/getting-started/build-tools/index.html
+++ b/docs/5.0/getting-started/build-tools/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -408,10 +409,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.0/package.json">package.json</a> includes convenient methods for working with the framework, including compiling code, running tests, and more.</p>
@@ -560,7 +561,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 e8e0f8a6bb..87d645de72 100644
--- a/docs/5.0/getting-started/contents/index.html
+++ b/docs/5.0/getting-started/contents/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +406,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&rsquo;ll see something like this:</p>
@@ -636,7 +637,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 aed5187575..6da422ebff 100644
--- a/docs/5.0/getting-started/download/index.html
+++ b/docs/5.0/getting-started/download/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +415,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.0</strong> to easily drop into your project, which includes:</p>
@@ -549,7 +550,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 509f37e5e8..d588566bd2 100644
--- a/docs/5.0/getting-started/introduction/index.html
+++ b/docs/5.0/getting-started/introduction/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +425,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>
@@ -597,7 +598,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 dfcbec0750..7acb353c85 100644
--- a/docs/5.0/getting-started/javascript/index.html
+++ b/docs/5.0/getting-started/javascript/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +419,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&rsquo;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&rsquo;t include both).</p>
@@ -647,7 +648,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 01b69d4389..e8a149746b 100644
--- a/docs/5.0/getting-started/parcel/index.html
+++ b/docs/5.0/getting-started/parcel/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +413,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>
@@ -544,7 +545,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 67966d9edf..8174dc849a 100644
--- a/docs/5.0/getting-started/rfs/index.html
+++ b/docs/5.0/getting-started/rfs/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +410,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="what-is-rfs">What is RFS?</h2>
 <p>Bootstrap&rsquo;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>
@@ -534,7 +535,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 e20f8d20ef..30e074d7b1 100644
--- a/docs/5.0/getting-started/rtl/index.html
+++ b/docs/5.0/getting-started/rtl/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +419,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&rsquo;ve run through it, continue reading here for how to enable RTL.</p>
@@ -630,7 +631,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 f8a7b6aab3..d913c347f4 100644
--- a/docs/5.0/getting-started/webpack/index.html
+++ b/docs/5.0/getting-started/webpack/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +410,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>
@@ -551,7 +552,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 9f3bfd13cd..02d3555394 100644
--- a/docs/5.0/helpers/clearfix/index.html
+++ b/docs/5.0/helpers/clearfix/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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>
@@ -496,7 +497,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 364cbd4d4e..00bee4344e 100644
--- a/docs/5.0/helpers/colored-links/index.html
+++ b/docs/5.0/helpers/colored-links/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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">
@@ -493,7 +494,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 42a70d2c51..b799227693 100644
--- a/docs/5.0/helpers/position/index.html
+++ b/docs/5.0/helpers/position/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +406,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>
@@ -497,7 +498,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 b05469fe30..ced3efc31e 100644
--- a/docs/5.0/helpers/ratio/index.html
+++ b/docs/5.0/helpers/ratio/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +407,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>&lt;iframe&gt;</code>s, <code>&lt;embed&gt;</code>s, <code>&lt;video&gt;</code>s, and <code>&lt;object&gt;</code>s. These helpers also can be used on any standard HTML child element (e.g., a <code>&lt;div&gt;</code> or <code>&lt;img&gt;</code>). Styles are applied from the parent <code>.ratio</code> class directly to the child.</p>
@@ -558,7 +559,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 ee4c2f3346..40015faa0f 100644
--- a/docs/5.0/helpers/stretched-link/index.html
+++ b/docs/5.0/helpers/stretched-link/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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>
@@ -568,7 +569,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 48c66ba33f..7f65d0079b 100644
--- a/docs/5.0/helpers/text-truncation/index.html
+++ b/docs/5.0/helpers/text-truncation/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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">
@@ -494,7 +495,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 db22857824..bed654aef5 100644
--- a/docs/5.0/helpers/visually-hidden/index.html
+++ b/docs/5.0/helpers/visually-hidden/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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&rsquo;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">
@@ -488,7 +489,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 1af9fc8e1c..0265e262e1 100644
--- a/docs/5.0/layout/breakpoints/index.html
+++ b/docs/5.0/layout/breakpoints/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +412,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="core-concepts">Core concepts</h2>
 <ul>
@@ -651,7 +652,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 bf5ed8c5d2..d87bce3098 100644
--- a/docs/5.0/layout/columns/index.html
+++ b/docs/5.0/layout/columns/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +423,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.
@@ -978,7 +979,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 49ef9674c0..cdea4789a1 100644
--- a/docs/5.0/layout/containers/index.html
+++ b/docs/5.0/layout/containers/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +407,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>
@@ -631,7 +632,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 6712c1dbfb..74ab36dd45 100644
--- a/docs/5.0/layout/grid/index.html
+++ b/docs/5.0/layout/grid/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +434,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Bootstrap&rsquo;s grid system uses a series of containers, rows, and columns to layout and align content. It&rsquo;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>
@@ -1152,7 +1153,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 e42d52b858..f4587514e6 100644
--- a/docs/5.0/layout/gutters/index.html
+++ b/docs/5.0/layout/gutters/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -408,10 +409,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-they-work">How they work</h2>
 <ul>
@@ -707,7 +708,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 0dc63fc6d7..966e836e08 100644
--- a/docs/5.0/layout/utilities/index.html
+++ b/docs/5.0/layout/utilities/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +406,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>
@@ -491,7 +492,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 af44e261db..8d52933044 100644
--- a/docs/5.0/layout/z-index/index.html
+++ b/docs/5.0/layout/z-index/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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&rsquo;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&rsquo;s no reason we couldn&rsquo;t have used <code>100</code>+ or <code>500</code>+.</p>
@@ -483,7 +484,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 963a10db02..f4c4784ba9 100644
--- a/docs/5.0/migration/index.html
+++ b/docs/5.0/migration/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -437,10 +438,10 @@
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="dependencies">Dependencies</h2>
 <ul>
@@ -1028,7 +1029,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 ac0aa957ac..7dc289a284 100644
--- a/docs/5.0/utilities/api/index.html
+++ b/docs/5.0/utilities/api/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +426,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&rsquo;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>
@@ -802,7 +803,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 eebab899fa..ec05013951 100644
--- a/docs/5.0/utilities/background/index.html
+++ b/docs/5.0/utilities/background/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +412,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&rsquo;ll want to use <code>.text-*</code> <a href="/docs/5.0/utilities/colors/">color utilities</a>.</p>
@@ -650,7 +651,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 873b831db0..56ee6d17c6 100644
--- a/docs/5.0/utilities/borders/index.html
+++ b/docs/5.0/utilities/borders/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +422,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&rsquo;s borders. Choose from all borders or one at a time.</p>
@@ -761,7 +762,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 ad9b6db467..a665dd9bfb 100644
--- a/docs/5.0/utilities/colors/index.html
+++ b/docs/5.0/utilities/colors/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +411,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>
@@ -605,7 +606,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 2655b42bb2..3c21c55909 100644
--- a/docs/5.0/utilities/display/index.html
+++ b/docs/5.0/utilities/display/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +412,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>
@@ -631,7 +632,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 beb48e4577..420370fe9b 100644
--- a/docs/5.0/utilities/flex/index.html
+++ b/docs/5.0/utilities/flex/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +423,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>
@@ -1390,7 +1391,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 c505e4e5a4..215410c0eb 100644
--- a/docs/5.0/utilities/float/index.html
+++ b/docs/5.0/utilities/float/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -408,10 +409,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>
@@ -540,7 +541,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 14ee2df458..c41244e2b9 100644
--- a/docs/5.0/utilities/interactions/index.html
+++ b/docs/5.0/utilities/interactions/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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>
@@ -505,7 +506,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 92bafcdd8f..ea653f3b4b 100644
--- a/docs/5.0/utilities/overflow/index.html
+++ b/docs/5.0/utilities/overflow/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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">
@@ -498,7 +499,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 2484749676..fffaaad01f 100644
--- a/docs/5.0/utilities/position/index.html
+++ b/docs/5.0/utilities/position/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +412,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>
@@ -664,7 +665,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 3ca1adfcac..671c3999a9 100644
--- a/docs/5.0/utilities/shadows/index.html
+++ b/docs/5.0/utilities/shadows/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -408,10 +409,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>
@@ -516,7 +517,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 c108569465..cb8ec022a3 100644
--- a/docs/5.0/utilities/sizing/index.html
+++ b/docs/5.0/utilities/sizing/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -408,10 +409,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>
@@ -587,7 +588,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 3f5aa9619d..40e64bfbab 100644
--- a/docs/5.0/utilities/spacing/index.html
+++ b/docs/5.0/utilities/spacing/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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">
@@ -416,10 +417,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>
@@ -719,7 +720,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 90eeba77f7..2397edca2b 100644
--- a/docs/5.0/utilities/text/index.html
+++ b/docs/5.0/utilities/text/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,7 +394,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 +419,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>
@@ -740,7 +741,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 4b27439a2e..dd7359257e 100644
--- a/docs/5.0/utilities/vertical-align/index.html
+++ b/docs/5.0/utilities/vertical-align/index.html
@@ -55,6 +55,7 @@
   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>
@@ -137,7 +138,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">
@@ -393,10 +394,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>
@@ -522,7 +523,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 3d40bc743c..d99f2157bc 100644
--- a/docs/5.0/utilities/visibility/index.html
+++ b/docs/5.0/utilities/visibility/index.html
@@ -55,6 +55,7 @@
   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>