mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

Fathom

Browse Source
This commit is contained in:
Mark Otto
2022-05-09 16:59:05 -07:00
committed by Mark Otto
parent d0c6a9e12a
commit 0d0ca30f5d
825 changed files with 5120 additions and 4302 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/4.5/about/brand/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#mark-and-logo">Mark and logo</a></li>
@@ -475,7 +476,7 @@
<li class="toc-entry toc-h2"><a href="#colors">Colors</a></li>
</ul>
</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">
docs/4.5/about/license/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/about/overview/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/about/team/index.html
+14 -13
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
@@ -479,84 +480,84 @@
<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>
<div class="list-group mb-3">
<a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/mdo">
<img src="https://github.com/mdo.png" alt="@mdo" width="32" height="32" class="rounded mr-2" loading="lazy" />
<span>
<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>
<strong>Gaël Poupard</strong> @ffoodd
</span>
</a>
</div>
<p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/v4.5.3/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
docs/4.5/about/translations/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/browser-bugs/index.html
+85 -84
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
@@ -476,7 +477,7 @@
<p class="bd-lead"></p>
<script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
<div class="bd-callout bd-callout-danger">
<h5 id="outdated-content">Outdated content</h5>
@@ -506,7 +507,7 @@
</tr>
</thead>
<tbody>
<tr>
<td>Edge
</td>
@@ -521,7 +522,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -536,7 +537,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -551,7 +552,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -566,7 +567,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -581,7 +582,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -596,7 +597,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -611,7 +612,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -626,7 +627,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -641,7 +642,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -656,7 +657,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -671,7 +672,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -686,7 +687,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -701,7 +702,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -716,7 +717,7 @@
</td>
</tr>
<tr>
<td>Firefox (Windows)
</td>
@@ -731,7 +732,7 @@
</td>
</tr>
<tr>
<td>Firefox (macOS &amp; Linux)
</td>
@@ -746,7 +747,7 @@
</td>
</tr>
<tr>
<td>Chrome (macOS)
</td>
@@ -761,13 +762,13 @@
of
<a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>
&amp;
<a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -782,7 +783,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -793,14 +794,14 @@
</td>
<td>
<a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>,
<a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>,
<a href="https://github.com/twbs/bootstrap/issues/14237">#14237</a>
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -815,7 +816,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -830,7 +831,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -845,7 +846,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -860,7 +861,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -875,7 +876,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -890,7 +891,7 @@
</td>
</tr>
<tr>
<td>Safari (macOS)
</td>
@@ -905,40 +906,40 @@
</td>
</tr>
<tr>
<td>Safari (macOS)
</td>
<td><p>Weird button behavior with some <code class="language-plaintext highlighter-rouge">&lt;input type="number"&gt;</code> elements.</p>
</td>
<td>
<a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>,
<a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>,
<a href="https://openradar.appspot.com/18834768">Apple Safari Radar #18834768</a>
</td>
<td>
<a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>,
<a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>,
<a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>,
<a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>,
<a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
</td>
</tr>
<tr>
<td>Safari (macOS)
</td>
<td><p>Small font size when printing webpage with fixed-width <code class="language-plaintext highlighter-rouge">.container</code>.</p>
</td>
<td>
<a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>,
<a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>,
<a href="https://openradar.appspot.com/19435018">Apple Safari Radar #19435018</a>
</td>
@@ -947,16 +948,16 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
<td><p><code class="language-plaintext highlighter-rouge">transform: translate3d(0,0,0);</code> rendering bug.</p>
</td>
<td>
<a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>,
<a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>,
<a href="https://openradar.appspot.com/18804973">Apple Safari Radar #18804973</a>
</td>
@@ -965,16 +966,16 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
<td><p>Text input’s cursor doesn’t move while scrolling the page.</p>
</td>
<td>
<a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>,
<a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>,
<a href="https://openradar.appspot.com/18819624">Apple Safari Radar #18819624</a>
</td>
@@ -983,16 +984,16 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
<td><p>Can’t move cursor to start of text after entering long string of text into <code class="language-plaintext highlighter-rouge">&lt;input type="text"&gt;</code></p>
</td>
<td>
<a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>,
<a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>,
<a href="https://openradar.appspot.com/22299624">Apple Safari Radar #22299624</a>
</td>
@@ -1001,28 +1002,28 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
<td><p><code class="language-plaintext highlighter-rouge">display: block</code> causes text of temporal <code class="language-plaintext highlighter-rouge">&lt;input&gt;</code>s to become vertically misaligned</p>
</td>
<td>
<a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>,
<a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>,
<a href="https://openradar.appspot.com/19434878">Apple Safari Radar #19434878</a>
</td>
<td>
<a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>,
<a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>,
<a href="https://github.com/twbs/bootstrap/issues/13098">#13098</a>
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1037,7 +1038,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1052,16 +1053,16 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
<td><p>Tapping into an <code class="language-plaintext highlighter-rouge">&lt;input&gt;</code> within a <code class="language-plaintext highlighter-rouge">position:fixed</code> element scrolls to the top of the page</p>
</td>
<td>
<a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>,
<a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>,
<a href="https://openradar.appspot.com/24235301">Apple Safari Radar #24235301</a>
</td>
@@ -1070,7 +1071,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1085,7 +1086,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1100,7 +1101,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1115,7 +1116,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1130,7 +1131,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1145,16 +1146,16 @@
</td>
</tr>
<tr>
<td>Safari (iPad Pro)
</td>
<td><p>Rendering of descendants of <code class="language-plaintext highlighter-rouge">position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p>
</td>
<td>
<a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>,
<a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>,
<a href="https://openradar.appspot.com/24030853">Apple Safari Radar #24030853</a>
</td>
@@ -1163,7 +1164,7 @@
</td>
</tr>
</tbody>
</table>
@@ -1183,7 +1184,7 @@
</tr>
</thead>
<tbody>
<tr>
<td>Edge
</td>
@@ -1198,7 +1199,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -1213,7 +1214,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -1228,7 +1229,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -1243,7 +1244,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -1258,7 +1259,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -1273,7 +1274,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -1288,7 +1289,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -1303,7 +1304,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -1318,7 +1319,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -1333,7 +1334,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -1348,7 +1349,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -1363,7 +1364,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -1378,7 +1379,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -1393,7 +1394,7 @@
</td>
</tr>
</tbody>
</table>
docs/4.5/components/alerts/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#examples">Examples</a>
@@ -485,7 +486,7 @@
</li>
</ul>
</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">
docs/4.5/components/badge/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#example">Example</a></li>
@@ -475,7 +476,7 @@
<li class="toc-entry toc-h2"><a href="#links">Links</a></li>
</ul>
</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">
docs/4.5/components/breadcrumb/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/components/button-group/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
@@ -476,7 +477,7 @@
<li class="toc-entry toc-h2"><a href="#vertical-variation">Vertical variation</a></li>
</ul>
</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">
docs/4.5/components/buttons/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
@@ -485,7 +486,7 @@
</li>
</ul>
</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">
docs/4.5/components/card/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#about">About</a></li>
@@ -514,7 +515,7 @@
</li>
</ul>
</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">
docs/4.5/components/carousel/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -504,7 +505,7 @@
</li>
</ul>
</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">
docs/4.5/components/collapse/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -493,7 +494,7 @@
</li>
</ul>
</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">
docs/4.5/components/dropdowns/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -516,7 +517,7 @@
</li>
</ul>
</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">
docs/4.5/components/forms/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -536,7 +537,7 @@
</li>
</ul>
</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">
docs/4.5/components/input-group/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
@@ -487,7 +488,7 @@
<li class="toc-entry toc-h2"><a href="#accessibility">Accessibility</a></li>
</ul>
</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">
docs/4.5/components/jumbotron/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/components/list-group/index.html
+7 -6
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
@@ -494,7 +495,7 @@
</li>
</ul>
</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">
@@ -717,7 +718,7 @@
<ul class="list-group">
<li class="list-group-item">Dapibus ac facilisis in</li>
<li class="list-group-item list-group-item-primary">A simple primary list group item</li>
<li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
<li class="list-group-item list-group-item-success">A simple success list group item</li>
@@ -731,7 +732,7 @@
<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
<span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/li&gt;</span>
<span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/li&gt;</span>
@@ -748,7 +749,7 @@
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
@@ -762,7 +763,7 @@
<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/a&gt;</span>
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/a&gt;</span>
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/a&gt;</span>
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/a&gt;</span>
docs/4.5/components/media-object/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#example">Example</a></li>
@@ -476,7 +477,7 @@
<li class="toc-entry toc-h2"><a href="#media-list">Media list</a></li>
</ul>
</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">
docs/4.5/components/modal/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -508,7 +509,7 @@
</li>
</ul>
</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">
docs/4.5/components/navbar/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -489,7 +490,7 @@
</li>
</ul>
</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">
docs/4.5/components/navs/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#base-nav">Base nav</a></li>
@@ -504,7 +505,7 @@
</li>
</ul>
</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">
docs/4.5/components/pagination/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -476,7 +477,7 @@
<li class="toc-entry toc-h2"><a href="#alignment">Alignment</a></li>
</ul>
</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">
docs/4.5/components/popovers/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -500,7 +501,7 @@
</li>
</ul>
</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">
docs/4.5/components/progress/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -478,7 +479,7 @@
<li class="toc-entry toc-h2"><a href="#animated-stripes">Animated stripes</a></li>
</ul>
</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">
docs/4.5/components/scrollspy/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -489,7 +490,7 @@
</li>
</ul>
</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">
docs/4.5/components/spinners/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#about">About</a></li>
@@ -492,7 +493,7 @@
<li class="toc-entry toc-h2"><a href="#buttons">Buttons</a></li>
</ul>
</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">
docs/4.5/components/toasts/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -496,7 +497,7 @@
</li>
</ul>
</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">
docs/4.5/components/tooltips/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -495,7 +496,7 @@
</li>
</ul>
</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">
docs/4.5/content/code/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#inline-code">Inline code</a></li>
@@ -476,7 +477,7 @@
<li class="toc-entry toc-h2"><a href="#sample-output">Sample output</a></li>
</ul>
</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">
docs/4.5/content/figures/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/content/images/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#responsive-images">Responsive images</a></li>
@@ -475,7 +476,7 @@
<li class="toc-entry toc-h2"><a href="#picture">Picture</a></li>
</ul>
</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">
docs/4.5/content/reboot/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#approach">Approach</a></li>
@@ -492,7 +493,7 @@
<li class="toc-entry toc-h2"><a href="#html5-hidden-attribute">HTML5 [hidden] attribute</a></li>
</ul>
</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">
docs/4.5/content/tables/index.html
+5 -4
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
@@ -486,7 +487,7 @@
</li>
</ul>
</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">
@@ -1420,7 +1421,7 @@
<td>Cell</td>
</tr>
<tr class="table-primary">
<th scope="row">Primary</th>
<td>Cell</td>
@@ -1480,7 +1481,7 @@
<span class="c">&lt;!-- On cells (`td` or `th`) --&gt;</span>
<span class="nt">&lt;tr&gt;</span>
<span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-active"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-primary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-secondary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
<span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-success"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
docs/4.5/content/typography/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#global-settings">Global settings</a></li>
@@ -496,7 +497,7 @@
<li class="toc-entry toc-h2"><a href="#responsive-font-sizes">Responsive font sizes</a></li>
</ul>
</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">
docs/4.5/examples/index.html
+60 -59
View File
@@ -49,6 +49,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -128,7 +129,7 @@
</header>
<header class="d-flex flex-column flex-md-row align-items-md-center p-5 bg-light">
<div class="pt-md-3 pb-md-4">
<h1 class="bd-title mt-0">Examples</h1>
@@ -141,10 +142,10 @@
</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>
<div class="row">
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a href="/docs/4.5/examples/album/">
@@ -156,9 +157,9 @@
</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.5/examples/pricing/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/pricing.png,
@@ -169,9 +170,9 @@
</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.5/examples/checkout/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/checkout.png,
@@ -182,9 +183,9 @@
</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.5/examples/product/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/product.png,
@@ -195,9 +196,9 @@
</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.5/examples/cover/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/cover.png,
@@ -208,9 +209,9 @@
</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.5/examples/carousel/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/carousel.png,
@@ -221,9 +222,9 @@
</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.5/examples/blog/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/blog.png,
@@ -234,9 +235,9 @@
</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.5/examples/dashboard/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/dashboard.png,
@@ -247,9 +248,9 @@
</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.5/examples/sign-in/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/sign-in.png,
@@ -260,9 +261,9 @@
</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.5/examples/sticky-footer/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/sticky-footer.png,
@@ -273,9 +274,9 @@
</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.5/examples/sticky-footer-navbar/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/sticky-footer-navbar.png,
@@ -287,11 +288,11 @@
<p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
</div>
</div>
<h2>Framework</h2>
<p>Examples that focus on implementing uses of built-in components provided by Bootstrap.</p>
<div class="row">
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a href="/docs/4.5/examples/starter-template/">
@@ -303,9 +304,9 @@
</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.5/examples/grid/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/grid.png,
@@ -316,9 +317,9 @@
</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.5/examples/jumbotron/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/jumbotron.png,
@@ -330,11 +331,11 @@
<p class="text-muted">Build around the jumbotron with a navbar and some basic grid columns.</p>
</div>
</div>
<h2>Navbars</h2>
<p>Taking the default navbar component and showing how it can be moved, placed, and extended.</p>
<div class="row">
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a href="/docs/4.5/examples/navbars/">
@@ -346,9 +347,9 @@
</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.5/examples/navbar-static/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/navbar-static.png,
@@ -359,9 +360,9 @@
</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.5/examples/navbar-fixed/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/navbar-fixed.png,
@@ -372,9 +373,9 @@
</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.5/examples/navbar-bottom/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/navbar-bottom.png,
@@ -386,11 +387,11 @@
<p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
</div>
</div>
<h2>Experiments</h2>
<p>Examples that focus on future-friendly features or techniques.</p>
<div class="row">
<div class="col-sm-6 col-md-4 col-xl-3 mb-3">
<a href="/docs/4.5/examples/floating-labels/">
@@ -402,9 +403,9 @@
</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.5/examples/offcanvas/">
<img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/offcanvas.png,
@@ -416,7 +417,7 @@
<p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
</div>
</div>
<hr class="my-5">
@@ -443,7 +444,7 @@
</main>
<footer class="bd-footer text-muted">
<div class="container-fluid p-3 p-md-5">
docs/4.5/extend/approach/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/extend/icons/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/getting-started/accessibility/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview-and-limitations">Overview and Limitations</a>
@@ -481,7 +482,7 @@
<li class="toc-entry toc-h2"><a href="#additional-resources">Additional resources</a></li>
</ul>
</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">
docs/4.5/getting-started/best-practices/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/getting-started/browsers-devices/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#supported-browsers">Supported browsers</a>
@@ -494,7 +495,7 @@
<li class="toc-entry toc-h2"><a href="#validators">Validators</a></li>
</ul>
</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">
docs/4.5/getting-started/build-tools/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#tooling-setup">Tooling setup</a></li>
@@ -476,7 +477,7 @@
<li class="toc-entry toc-h2"><a href="#troubleshooting">Troubleshooting</a></li>
</ul>
</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">
docs/4.5/getting-started/contents/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#precompiled-bootstrap">Precompiled Bootstrap</a></li>
@@ -475,7 +476,7 @@
<li class="toc-entry toc-h2"><a href="#bootstrap-source-code">Bootstrap source code</a></li>
</ul>
</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">
docs/4.5/getting-started/download/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#compiled-css-and-js">Compiled CSS and JS</a></li>
@@ -484,7 +485,7 @@
</li>
</ul>
</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">
docs/4.5/getting-started/introduction/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#quick-start">Quick start</a>
@@ -493,7 +494,7 @@
<li class="toc-entry toc-h2"><a href="#community">Community</a></li>
</ul>
</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">
docs/4.5/getting-started/javascript/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#individual-or-compiled">Individual or compiled</a></li>
@@ -486,7 +487,7 @@
<li class="toc-entry toc-h2"><a href="#sanitizer">Sanitizer</a></li>
</ul>
</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">
docs/4.5/getting-started/theming/index.html
+59 -58
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#introduction">Introduction</a></li>
@@ -515,7 +516,7 @@
</li>
</ul>
</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">
@@ -847,73 +848,73 @@
<p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code class="language-plaintext highlighter-rouge">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 swatch-blue">Blue</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-indigo">Indigo</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-purple">Purple</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-pink">Pink</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-red">Red</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-orange">Orange</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-yellow">Yellow</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-green">Green</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-teal">Teal</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-cyan">Cyan</div>
</div>
</div>
<p>Here’s how you can use these in your Sass:</p>
@@ -935,39 +936,39 @@
<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 class="language-plaintext highlighter-rouge">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-white">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>
<h3 id="grays">Grays</h3>
@@ -976,25 +977,25 @@
<div class="row mb-3">
<div class="col-md-4">
<div class="p-3 swatch-100">100</div>
<div class="p-3 swatch-200">200</div>
<div class="p-3 swatch-300">300</div>
<div class="p-3 swatch-400">400</div>
<div class="p-3 swatch-500">500</div>
<div class="p-3 swatch-600">600</div>
<div class="p-3 swatch-700">700</div>
<div class="p-3 swatch-800">800</div>
<div class="p-3 swatch-900">900</div>
</div>
</div>
docs/4.5/getting-started/webpack/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#installing-bootstrap">Installing Bootstrap</a></li>
@@ -479,7 +480,7 @@
</li>
</ul>
</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">
docs/4.5/layout/grid/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -524,7 +525,7 @@
</li>
</ul>
</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">
docs/4.5/layout/overview/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#containers">Containers</a>
@@ -480,7 +481,7 @@
<li class="toc-entry toc-h2"><a href="#z-index">Z-index</a></li>
</ul>
</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">
docs/4.5/layout/utilities-for-layout/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#changing-display">Changing display</a></li>
@@ -475,7 +476,7 @@
<li class="toc-entry toc-h2"><a href="#toggle-visibility">Toggle visibility</a></li>
</ul>
</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">
docs/4.5/migration/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#stable-changes">Stable changes</a>
@@ -529,7 +530,7 @@
</li>
</ul>
</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">
docs/4.5/utilities/borders/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#border">Border</a>
@@ -480,7 +481,7 @@
<li class="toc-entry toc-h2"><a href="#sizes">Sizes</a></li>
</ul>
</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">
docs/4.5/utilities/clearfix/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/utilities/close-icon/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/utilities/colors/index.html
+4 -3
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#color">Color</a></li>
@@ -474,7 +475,7 @@
<li class="toc-entry toc-h2"><a href="#background-gradient">Background gradient</a></li>
</ul>
</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">
@@ -484,7 +485,7 @@
<p class="bd-lead">Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.</p>
<script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
<div class="bd-callout bd-callout-info">
<h4 id="dealing-with-specificity">Dealing with specificity</h4>
docs/4.5/utilities/display/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -476,7 +477,7 @@
<li class="toc-entry toc-h2"><a href="#display-in-print">Display in print</a></li>
</ul>
</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">
docs/4.5/utilities/embed/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#about">About</a></li>
@@ -474,7 +475,7 @@
<li class="toc-entry toc-h2"><a href="#aspect-ratios">Aspect ratios</a></li>
</ul>
</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">
docs/4.5/utilities/flex/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#enable-flex-behaviors">Enable flex behaviors</a></li>
@@ -486,7 +487,7 @@
<li class="toc-entry toc-h2"><a href="#align-content">Align content</a></li>
</ul>
</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">
docs/4.5/utilities/float/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -475,7 +476,7 @@
<li class="toc-entry toc-h2"><a href="#responsive">Responsive</a></li>
</ul>
</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">
docs/4.5/utilities/image-replacement/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
@@ -476,7 +477,7 @@
<p class="bd-lead">Swap text for background images with the image replacement class.</p>
<script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
<div class="bd-callout bd-callout-warning">
<h5 id="warning">Warning</h5>
docs/4.5/utilities/interactions/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/utilities/overflow/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/utilities/position/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#common-values">Common values</a></li>
@@ -475,7 +476,7 @@
<li class="toc-entry toc-h2"><a href="#sticky-top">Sticky top</a></li>
</ul>
</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">
docs/4.5/utilities/screen-readers/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/utilities/shadows/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/utilities/sizing/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,14 +467,14 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#relative-to-the-parent">Relative to the parent</a></li>
<li class="toc-entry toc-h2"><a href="#relative-to-the-viewport">Relative to the viewport</a></li>
</ul>
</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">
docs/4.5/utilities/spacing/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -479,7 +480,7 @@
</li>
</ul>
</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">
docs/4.5/utilities/stretched-link/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/utilities/text/index.html
+3 -2
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#text-alignment">Text alignment</a></li>
@@ -479,7 +480,7 @@
<li class="toc-entry toc-h2"><a href="#text-decoration">Text decoration</a></li>
</ul>
</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">
docs/4.5/utilities/vertical-align/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">
docs/4.5/utilities/visibility/index.html
+2 -1
View File
@@ -51,6 +51,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -466,7 +467,7 @@
</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">