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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
<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 mr-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/cvrebert">
<img src="https://github.com/cvrebert.png" alt="@cvrebert" width="32" height="32" class="rounded mr-2" loading="lazy">
<span>
<strong>Chris Rebert</strong> @cvrebert
</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 mr-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/patrickhlauke">
<img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded mr-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/glebm">
<img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded mr-2" loading="lazy">
<span>
<strong>Gleb Mazovetskiy</strong> @glebm
</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 mr-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/andresgalante">
<img src="https://github.com/andresgalante.png" alt="@andresgalante" width="32" height="32" class="rounded mr-2" loading="lazy">
<span>
<strong>Andres Galante</strong> @andresgalante
</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 mr-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/ysds">
<img src="https://github.com/ysds.png" alt="@ysds" width="32" height="32" class="rounded mr-2" loading="lazy">
<span>
<strong>Shohei Yoshida</strong> @ysds
</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 mr-2" loading="lazy">
<span>
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
</tr>
</tbody>
</table>
-
+
<h1 id="most-wanted-features">Most wanted features</h1>
<p>There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren’t yet implemented in certain browsers, thus preventing us from taking advantage of them.</p>
<p>We publicly list these “most wanted” feature requests here, in the hopes of expediting the process of getting them implemented.</p>
</tr>
</tbody>
</table>
-
+
</main>
</div>
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
<td>Cell</td>
<td>Cell</td>
</tr>
-
+
<tr class="table-primary">
<th scope="row">Primary</th>
<td>Cell</td>
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
<div class="skippy overflow-hidden">
<div class="container-xl">
<a class="sr-only sr-only-focusable d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-
+
</div>
</div>
<div class="pt-md-3 pb-md-4">
<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/v4.6.0/bootstrap-4.6.0-examples.zip" class="btn btn-bd-primary py-2 px-3" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download Examples');">Download examples</a>
<a href="https://github.com/twbs/bootstrap/archive/v4.6.0.zip" class="btn btn-outline-secondary py-2 px-3 mt-3 mt-sm-0 ml-sm-3" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download');">Download source code</a>
</header>
<main class="bd-content p-5" id="content" role="main">
-
+
<h2>Custom Components</h2>
<p>Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
</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 href="/docs/4.6/examples/pricing/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/pricing.png,
</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 href="/docs/4.6/examples/checkout/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/checkout.png,
</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 href="/docs/4.6/examples/product/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/product.png,
</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 href="/docs/4.6/examples/cover/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/cover.png,
</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 href="/docs/4.6/examples/carousel/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/carousel.png,
</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 href="/docs/4.6/examples/blog/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/blog.png,
</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 href="/docs/4.6/examples/dashboard/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/dashboard.png,
</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 href="/docs/4.6/examples/sign-in/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/sign-in.png,
</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 href="/docs/4.6/examples/sticky-footer/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/sticky-footer.png,
</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 href="/docs/4.6/examples/sticky-footer-navbar/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/sticky-footer-navbar.png,
</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 href="/docs/4.6/examples/grid/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/grid.png,
</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 href="/docs/4.6/examples/jumbotron/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/jumbotron.png,
</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 href="/docs/4.6/examples/navbar-static/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/navbar-static.png,
</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 href="/docs/4.6/examples/navbar-fixed/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/navbar-fixed.png,
</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 href="/docs/4.6/examples/navbar-bottom/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/navbar-bottom.png,
</a>
<p class="text-muted">Beautifully simple forms with floating labels over your inputs.</p>
</div>
-
-
+
+
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a href="/docs/4.6/examples/offcanvas/">
<img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/offcanvas.png,
<p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
</div>
</div>
-
-
+
+
<hr class="my-5">
<div class="container">
<div class="text-center">
src="/docs/4.6/assets/img/bootstrap-themes-collage.png"
alt="Bootstrap Themes" width="1151" height="320" loading="lazy">
</div>
-
+
</main>
<footer class="bd-footer text-muted">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
<h3 id="all-colors">All colors</h3>
<p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code>scss/_variables.scss</code> file. This will be expanded upon in subsequent minor releases to add additional shades, much like the <a href="#grays">grayscale palette</a> we already include.</p>
<div class="row">
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-blue">
<strong class="d-block">$blue</strong>
<small>#007bff</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-indigo">
<strong class="d-block">$indigo</strong>
<small>#6610f2</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-purple">
<strong class="d-block">$purple</strong>
<small>#6f42c1</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-pink">
<strong class="d-block">$pink</strong>
<small>#e83e8c</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-red">
<strong class="d-block">$red</strong>
<small>#dc3545</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-orange">
<strong class="d-block">$orange</strong>
<small>#fd7e14</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-yellow">
<strong class="d-block">$yellow</strong>
<small>#ffc107</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-green">
<strong class="d-block">$green</strong>
<small>#28a745</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-teal">
<strong class="d-block">$teal</strong>
<small>#20c997</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace swatch-cyan">
<strong class="d-block">$cyan</strong>
<small>#17a2b8</small>
</div>
</div>
-
+
</div>
<p>Here’s how you can use these in your Sass:</p>
<div class="highlight"><pre class="chroma"><code class="language-scss" data-lang="scss"><span class="c1">// With variable
<h3 id="theme-colors">Theme colors</h3>
<p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstrap’s <code>scss/_variables.scss</code> file.</p>
<div class="row">
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace bg-primary text-white">
<strong class="d-block">$primary</strong>
<small>#007bff</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace bg-secondary text-white">
<strong class="d-block">$secondary</strong>
<small>#868e96</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace bg-success text-white">
<strong class="d-block">$success</strong>
<small>#28a745</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace bg-danger text-white">
<strong class="d-block">$danger</strong>
<small>#dc3545</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace bg-warning text-dark">
<strong class="d-block">$warning</strong>
<small>#ffc107</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace bg-info text-white">
<strong class="d-block">$info</strong>
<small>#17a2b8</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace bg-light text-dark">
<strong class="d-block">$light</strong>
<small>#f8f9fa</small>
</div>
</div>
-
+
<div class="col-md-4">
<div class="p-3 mb-3 text-monospace bg-dark text-white">
<strong class="d-block">$dark</strong>
<small>#343a40</small>
</div>
</div>
-
+
</div>
<h3 id="grays">Grays</h3>
<p>An expansive set of gray variables and a Sass map in <code>scss/_variables.scss</code> for consistent shades of gray across your project. Note that these are “cool grays”, which tend towards a subtle blue tone, rather than neutral grays.</p>
<div class="row mb-3">
<div class="col-md-4">
-
+
<div class="p-3 text-monospace swatch-100">
<strong class="d-block">$gray-100</strong>
<small>#f8f9fa</small>
</div>
-
+
<div class="p-3 text-monospace swatch-200">
<strong class="d-block">$gray-200</strong>
<small>#e9ecef</small>
</div>
-
+
<div class="p-3 text-monospace swatch-300">
<strong class="d-block">$gray-300</strong>
<small>#dee2e6</small>
</div>
-
+
<div class="p-3 text-monospace swatch-400">
<strong class="d-block">$gray-400</strong>
<small>#ced4da</small>
</div>
-
+
<div class="p-3 text-monospace swatch-500">
<strong class="d-block">$gray-500</strong>
<small>#adb5bd</small>
</div>
-
+
<div class="p-3 text-monospace swatch-600">
<strong class="d-block">$gray-600</strong>
<small>#6c757d</small>
</div>
-
+
<div class="p-3 text-monospace swatch-700">
<strong class="d-block">$gray-700</strong>
<small>#495057</small>
</div>
-
+
<div class="p-3 text-monospace swatch-800">
<strong class="d-block">$gray-800</strong>
<small>#343a40</small>
</div>
-
+
<div class="p-3 text-monospace swatch-900">
<strong class="d-block">$gray-900</strong>
<small>#212529</small>
</div>
-
+
</div>
</div>
<p>Within <code>scss/_variables.scss</code>, you’ll find Bootstrap’s color variables and Sass map. Here’s an example of the <code>$colors</code> Sass map:</p>
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<nav id="TableOfContents">
<ul>
</ul>
</nav>
</nav>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
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>
</div>
-
+
<main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
</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">
</div>
-
+
<div class="bd-content ps-lg-4">
-
+
<p>Set the <code>visibility</code> of elements with our visibility utilities. These utility classes do not modify the <code>display</code> value at all and do not affect layout – <code>.invisible</code> elements still take up space in the page.</p>
<div class="bd-callout bd-callout-warning">
<script src="/docs/5.0/assets/js/docs.min.js"></script>
-
-
+
+
</body>
</html>
projects / thirdparty / bootstrap.git / commitdiff
