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.1/about/brand/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#mark-and-logo">Mark and logo</a></li>
@@ -389,7 +390,7 @@
<li class="toc-entry toc-h2"><a href="#colors">Colors</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Brand guidelines</h1>
docs/4.1/about/license/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">License FAQs</h1>
docs/4.1/about/overview/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">About</h1>
docs/4.1/about/translations/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Translations</h1>
docs/4.1/browser-bugs/index.html
+88 -87
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Wall of browser bugs</h1>
@@ -410,7 +411,7 @@
</tr>
</thead>
<tbody>
<tr>
<td>Edge
</td>
@@ -425,7 +426,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -440,7 +441,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -455,7 +456,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -470,7 +471,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -485,7 +486,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -500,7 +501,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -515,7 +516,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -530,7 +531,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -545,7 +546,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -560,7 +561,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -575,7 +576,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -590,7 +591,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -605,7 +606,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -620,7 +621,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -635,7 +636,7 @@
</td>
</tr>
<tr>
<td>Firefox (Windows)
</td>
@@ -650,7 +651,7 @@
</td>
</tr>
<tr>
<td>Firefox (macOS &amp; Linux)
</td>
@@ -665,7 +666,7 @@
</td>
</tr>
<tr>
<td>Chrome (Android)
</td>
@@ -680,7 +681,7 @@
</td>
</tr>
<tr>
<td>Chrome (macOS)
</td>
@@ -695,13 +696,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>
@@ -716,7 +717,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -727,14 +728,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>
@@ -749,7 +750,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -764,7 +765,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -779,7 +780,7 @@
</td>
</tr>
<tr>
<td>Chrome (Windows &amp; Linux)
</td>
@@ -794,7 +795,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -809,7 +810,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -824,7 +825,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -839,7 +840,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -854,7 +855,7 @@
</td>
</tr>
<tr>
<td>Safari (macOS)
</td>
@@ -869,40 +870,40 @@
</td>
</tr>
<tr>
<td>Safari (macOS)
</td>
<td><p>Weird button behavior with some <code class="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="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>
@@ -911,16 +912,16 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
<td><p><code class="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>
@@ -929,16 +930,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>
@@ -947,16 +948,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="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>
@@ -965,28 +966,28 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
<td><p><code class="highlighter-rouge">display: block</code> causes text of temporal <code class="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>
@@ -1001,7 +1002,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1016,16 +1017,16 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
<td><p>Tapping into an <code class="highlighter-rouge">&lt;input&gt;</code> within a <code class="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>
@@ -1034,7 +1035,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1049,7 +1050,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1064,7 +1065,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1079,7 +1080,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1094,7 +1095,7 @@
</td>
</tr>
<tr>
<td>Safari (iOS)
</td>
@@ -1109,16 +1110,16 @@
</td>
</tr>
<tr>
<td>Safari (iPad Pro)
</td>
<td><p>Rendering of descendants of <code class="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>
@@ -1127,7 +1128,7 @@
</td>
</tr>
</tbody>
</table>
@@ -1147,7 +1148,7 @@
</tr>
</thead>
<tbody>
<tr>
<td>Edge
</td>
@@ -1162,7 +1163,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -1177,7 +1178,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -1192,7 +1193,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -1207,7 +1208,7 @@
</td>
</tr>
<tr>
<td>Edge
</td>
@@ -1222,7 +1223,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -1237,7 +1238,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -1252,7 +1253,7 @@
</td>
</tr>
<tr>
<td>Firefox
</td>
@@ -1267,7 +1268,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -1282,7 +1283,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -1297,7 +1298,7 @@
</td>
</tr>
<tr>
<td>Chrome
</td>
@@ -1312,7 +1313,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -1327,7 +1328,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -1342,7 +1343,7 @@
</td>
</tr>
<tr>
<td>Safari
</td>
@@ -1357,7 +1358,7 @@
</td>
</tr>
</tbody>
</table>
docs/4.1/components/alerts/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#examples">Examples</a>
@@ -403,7 +404,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Alerts</h1>
docs/4.1/components/badge/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#example">Example</a></li>
@@ -389,7 +390,7 @@
<li class="toc-entry toc-h2"><a href="#links">Links</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Badges</h1>
docs/4.1/components/breadcrumb/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Breadcrumb</h1>
docs/4.1/components/button-group/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
@@ -390,7 +391,7 @@
<li class="toc-entry toc-h2"><a href="#vertical-variation">Vertical variation</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Button group</h1>
docs/4.1/components/buttons/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
@@ -398,7 +399,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Buttons</h1>
docs/4.1/components/card/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#about">About</a></li>
@@ -426,7 +427,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Cards</h1>
docs/4.1/components/carousel/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -416,7 +417,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Carousel</h1>
docs/4.1/components/collapse/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -408,7 +409,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Collapse</h1>
docs/4.1/components/dropdowns/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -426,7 +427,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Dropdowns</h1>
docs/4.1/components/forms/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -450,7 +451,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Forms</h1>
docs/4.1/components/input-group/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
@@ -400,7 +401,7 @@
<li class="toc-entry toc-h2"><a href="#accessibility">Accessibility</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Input group</h1>
docs/4.1/components/jumbotron/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Jumbotron</h1>
docs/4.1/components/list-group/index.html
+7 -6
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
@@ -407,7 +408,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">List group</h1>
@@ -556,7 +557,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>
@@ -570,7 +571,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>
@@ -587,7 +588,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>
@@ -601,7 +602,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.1/components/modal/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -421,7 +422,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Modal</h1>
docs/4.1/components/navbar/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -403,7 +404,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Navbar</h1>
docs/4.1/components/navs/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#base-nav">Base nav</a></li>
@@ -419,7 +420,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Navs</h1>
docs/4.1/components/pagination/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -390,7 +391,7 @@
<li class="toc-entry toc-h2"><a href="#alignment">Alignment</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Pagination</h1>
docs/4.1/components/popovers/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -423,7 +424,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Popovers</h1>
docs/4.1/components/progress/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -392,7 +393,7 @@
<li class="toc-entry toc-h2"><a href="#animated-stripes">Animated stripes</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Progress</h1>
docs/4.1/components/scrollspy/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -429,7 +430,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Scrollspy</h1>
docs/4.1/components/tooltips/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -414,7 +415,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Tooltips</h1>
docs/4.1/content/code/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#inline-code">Inline code</a></li>
@@ -390,7 +391,7 @@
<li class="toc-entry toc-h2"><a href="#sample-output">Sample output</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Code</h1>
docs/4.1/content/figures/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Figures</h1>
docs/4.1/content/images/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#responsive-images">Responsive images</a></li>
@@ -389,7 +390,7 @@
<li class="toc-entry toc-h2"><a href="#picture">Picture</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Images</h1>
docs/4.1/content/reboot/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#approach">Approach</a></li>
@@ -402,7 +403,7 @@
<li class="toc-entry toc-h2"><a href="#html5-hidden-attribute">HTML5 [hidden] attribute</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Reboot</h1>
docs/4.1/content/tables/index.html
+5 -4
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
@@ -400,7 +401,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Tables</h1>
@@ -1331,7 +1332,7 @@
<td>Cell</td>
</tr>
<tr class="table-primary">
<th scope="row">Primary</th>
<td>Cell</td>
@@ -1391,7 +1392,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.1/content/typography/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#global-settings">Global settings</a></li>
@@ -410,7 +411,7 @@
<li class="toc-entry toc-h2"><a href="#responsive-typography">Responsive typography</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Typography</h1>
docs/4.1/examples/index.html
+60 -59
View File
@@ -51,6 +51,7 @@
<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>
@@ -140,10 +141,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.1/examples/album/">
@@ -152,9 +153,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.1/examples/pricing/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/pricing.png" alt="Pricing screenshot" width="960" height="600">
@@ -162,9 +163,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.1/examples/checkout/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/checkout.png" alt="Checkout screenshot" width="960" height="600">
@@ -172,9 +173,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.1/examples/product/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/product.png" alt="Product screenshot" width="960" height="600">
@@ -182,9 +183,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.1/examples/cover/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/cover.png" alt="Cover screenshot" width="960" height="600">
@@ -192,9 +193,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.1/examples/carousel/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/carousel.png" alt="Carousel screenshot" width="960" height="600">
@@ -202,9 +203,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.1/examples/blog/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/blog.png" alt="Blog screenshot" width="960" height="600">
@@ -212,9 +213,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.1/examples/dashboard/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/dashboard.png" alt="Dashboard screenshot" width="960" height="600">
@@ -222,9 +223,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.1/examples/sign-in/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/sign-in.png" alt="Sign-in screenshot" width="960" height="600">
@@ -232,9 +233,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.1/examples/sticky-footer/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/sticky-footer.png" alt="Sticky footer screenshot" width="960" height="600">
@@ -242,9 +243,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.1/examples/sticky-footer-navbar/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/sticky-footer-navbar.png" alt="Sticky footer navbar screenshot" width="960" height="600">
@@ -253,11 +254,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.1/examples/starter-template/">
@@ -266,9 +267,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.1/examples/grid/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/grid.png" alt="Grid screenshot" width="960" height="600">
@@ -276,9 +277,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.1/examples/jumbotron/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/jumbotron.png" alt="Jumbotron screenshot" width="960" height="600">
@@ -287,11 +288,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.1/examples/navbars/">
@@ -300,9 +301,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.1/examples/navbar-static/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/navbar-static.png" alt="Navbar static screenshot" width="960" height="600">
@@ -310,9 +311,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.1/examples/navbar-fixed/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/navbar-fixed.png" alt="Navbar fixed screenshot" width="960" height="600">
@@ -320,9 +321,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.1/examples/navbar-bottom/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/navbar-bottom.png" alt="Navbar bottom screenshot" width="960" height="600">
@@ -331,11 +332,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.1/examples/floating-labels/">
@@ -344,9 +345,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.1/examples/offcanvas/">
<img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/offcanvas.png" alt="Offcanvas screenshot" width="960" height="600">
@@ -355,12 +356,12 @@
<p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
</div>
</div>
</main>
<footer class="bd-footer text-muted">
<div class="container-fluid p-3 p-md-5">
docs/4.1/extend/approach/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Approach</h1>
docs/4.1/extend/icons/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Icons</h1>
docs/4.1/extend/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Extend</h1>
docs/4.1/getting-started/accessibility/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview-and-limitations">Overview and Limitations</a>
@@ -395,7 +396,7 @@
<li class="toc-entry toc-h2"><a href="#additional-resources">Additional resources</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Accessibility</h1>
docs/4.1/getting-started/best-practices/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Best practices</h1>
docs/4.1/getting-started/browsers-devices/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#supported-browsers">Supported browsers</a>
@@ -408,7 +409,7 @@
<li class="toc-entry toc-h2"><a href="#validators">Validators</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Browsers and devices</h1>
docs/4.1/getting-started/build-tools/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#tooling-setup">Tooling setup</a></li>
@@ -390,7 +391,7 @@
<li class="toc-entry toc-h2"><a href="#troubleshooting">Troubleshooting</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Build tools</h1>
docs/4.1/getting-started/contents/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#precompiled-bootstrap">Precompiled Bootstrap</a></li>
@@ -389,7 +390,7 @@
<li class="toc-entry toc-h2"><a href="#bootstrap-source-code">Bootstrap source code</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Contents</h1>
docs/4.1/getting-started/download/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#compiled-css-and-js">Compiled CSS and JS</a></li>
@@ -396,7 +397,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Download</h1>
docs/4.1/getting-started/introduction/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#quick-start">Quick start</a>
@@ -401,7 +402,7 @@
<li class="toc-entry toc-h2"><a href="#community">Community</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Introduction</h1>
docs/4.1/getting-started/javascript/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#individual-or-compiled">Individual or compiled</a></li>
@@ -399,7 +400,7 @@
<li class="toc-entry toc-h2"><a href="#util">Util</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">JavaScript</h1>
docs/4.1/getting-started/theming/index.html
+59 -58
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#introduction">Introduction</a></li>
@@ -424,7 +425,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Theming Bootstrap</h1>
@@ -690,73 +691,73 @@
<p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code class="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>
@@ -778,39 +779,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 Bootstraps’s <code class="highlighter-rouge">scss/_variables.scss</code> file.</p>
<div class="row">
<div class="col-md-4">
<div class="p-3 mb-3 swatch-primary">Primary</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-secondary">Secondary</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-success">Success</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-danger">Danger</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-warning">Warning</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-info">Info</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-light">Light</div>
</div>
<div class="col-md-4">
<div class="p-3 mb-3 swatch-dark">Dark</div>
</div>
</div>
<h3 id="grays">Grays</h3>
@@ -819,25 +820,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.1/getting-started/webpack/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#installing-bootstrap">Installing Bootstrap</a></li>
@@ -393,7 +394,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Webpack</h1>
docs/4.1/layout/grid/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -436,7 +437,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Grid system</h1>
docs/4.1/layout/media-object/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#example">Example</a></li>
@@ -390,7 +391,7 @@
<li class="toc-entry toc-h2"><a href="#media-list">Media list</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Media object</h1>
docs/4.1/layout/overview/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#containers">Containers</a></li>
@@ -388,7 +389,7 @@
<li class="toc-entry toc-h2"><a href="#z-index">Z-index</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Overview</h1>
docs/4.1/layout/utilities-for-layout/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#changing-display">Changing display</a></li>
@@ -389,7 +390,7 @@
<li class="toc-entry toc-h2"><a href="#toggle-visibility">Toggle visibility</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Utilities for layout</h1>
docs/4.1/migration/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#stable-changes">Stable changes</a>
@@ -443,7 +444,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Migrating to v4</h1>
docs/4.1/utilities/borders/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#border">Border</a>
@@ -393,7 +394,7 @@
<li class="toc-entry toc-h2"><a href="#border-radius">Border-radius</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Borders</h1>
docs/4.1/utilities/clearfix/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,12 +381,12 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Clearfix</h1>
docs/4.1/utilities/close-icon/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,12 +381,12 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Close icon</h1>
docs/4.1/utilities/colors/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#color">Color</a></li>
@@ -392,7 +393,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Colors</h1>
docs/4.1/utilities/display/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -390,7 +391,7 @@
<li class="toc-entry toc-h2"><a href="#display-in-print">Display in print</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Display property</h1>
docs/4.1/utilities/embed/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#about">About</a></li>
@@ -388,7 +389,7 @@
<li class="toc-entry toc-h2"><a href="#aspect-ratios">Aspect ratios</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Embeds</h1>
docs/4.1/utilities/flex/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#enable-flex-behaviors">Enable flex behaviors</a></li>
@@ -400,7 +401,7 @@
<li class="toc-entry toc-h2"><a href="#align-content">Align content</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Flex</h1>
docs/4.1/utilities/float/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
@@ -389,7 +390,7 @@
<li class="toc-entry toc-h2"><a href="#responsive">Responsive</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Float</h1>
docs/4.1/utilities/image-replacement/index.html
+4 -3
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,19 +381,19 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Image replacement</h1>
<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>
<p>The <code class="highlighter-rouge">text-hide()</code> class and mixin has been deprecated as of v4.1. It will be removed entirely in v5.</p>
docs/4.1/utilities/position/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#common-values">Common values</a></li>
@@ -389,7 +390,7 @@
<li class="toc-entry toc-h2"><a href="#sticky-top">Sticky top</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Position</h1>
docs/4.1/utilities/screenreaders/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,12 +381,12 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Screenreaders</h1>
docs/4.1/utilities/shadows/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Shadows</h1>
docs/4.1/utilities/sizing/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,12 +381,12 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Sizing</h1>
docs/4.1/utilities/spacing/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
@@ -392,7 +393,7 @@
</li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Spacing</h1>
docs/4.1/utilities/text/index.html
+3 -2
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<div class="d-none d-xl-block col-xl-2 bd-toc">
<ul class="section-nav">
<li class="toc-entry toc-h2"><a href="#text-alignment">Text alignment</a></li>
@@ -390,7 +391,7 @@
<li class="toc-entry toc-h2"><a href="#monospace">Monospace</a></li>
</ul>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Text</h1>
docs/4.1/utilities/vertical-align/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Vertical alignment</h1>
docs/4.1/utilities/visibility/index.html
+2 -1
View File
@@ -53,6 +53,7 @@
<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');
@@ -380,7 +381,7 @@
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<h1 class="bd-title" id="content">Visibility</h1>