mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-05-30 15:24:08 +03:00
Fathom
This commit is contained in:
Mark Otto
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,4 +1,4 @@
|
||||
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> CSS · Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/css/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li class=active> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>CSS</h1> <p>Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=overview>Overview</h1> <p class=lead>Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p> <h2 id=overview-doctype>HTML5 doctype</h2> <p>Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=cp><!DOCTYPE html></span>
|
||||
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> CSS · Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/css/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li class=active> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>CSS</h1> <p>Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=overview>Overview</h1> <p class=lead>Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p> <h2 id=overview-doctype>HTML5 doctype</h2> <p>Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=cp><!DOCTYPE html></span>
|
||||
<span class=nt><html</span> <span class=na>lang=</span><span class=s>"en"</span><span class=nt>></span>
|
||||
...
|
||||
<span class=nt></html></span></code></pre></figure> <h2 id=overview-mobile>Mobile first</h2> <p>With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, <strong>Bootstrap is mobile first</strong>. Mobile first styles can be found throughout the entire library instead of in separate files.</p> <p>To ensure proper rendering and touch zooming, <strong>add the viewport meta tag</strong> to your <code><head></code>.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt><meta</span> <span class=na>name=</span><span class=s>"viewport"</span> <span class=na>content=</span><span class=s>"width=device-width, initial-scale=1"</span><span class=nt>></span></code></pre></figure> <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt><meta</span> <span class=na>name=</span><span class=s>"viewport"</span> <span class=na>content=</span><span class=s>"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"</span><span class=nt>></span></code></pre></figure> <h2 id=overview-type-links>Typography and links</h2> <p>Bootstrap sets basic global display, typography, and link styles. Specifically, we:</p> <ul> <li>Set <code>background-color: #fff;</code> on the <code>body</code></li> <li>Use the <code>@font-family-base</code>, <code>@font-size-base</code>, and <code>@line-height-base</code> attributes as our typographic base</li> <li>Set the global link color via <code>@link-color</code> and apply link underlines only on <code>:hover</code></li> </ul> <p>These styles can be found within <code>scaffolding.less</code>.</p> <h2 id=overview-normalize>Normalize.css</h2> <p>For improved cross-browser rendering, we use <a href=http://necolas.github.io/normalize.css/ rel=noopener target=_blank>Normalize.css</a>, a project by <a href=https://twitter.com/necolas rel=noopener target=_blank>Nicolas Gallagher</a> and <a href=https://twitter.com/jon_neal rel=noopener target=_blank>Jonathan Neal</a>.</p> <h2 id=overview-container>Containers</h2> <p>Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to <code>padding</code> and more, neither container is nestable.</p> <p>Use <code>.container</code> for a responsive fixed width container.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt><div</span> <span class=na>class=</span><span class=s>"container"</span><span class=nt>></span>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -16,6 +16,7 @@
|
||||
<link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon>
|
||||
<link href=/docs/3.3/favicon.ico rel=icon>
|
||||
<link rel="canonical" href="https://getbootstrap.com/docs/3.3/">
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
! function(e, t, a, n, c, o, s) {
|
||||
e.GoogleAnalyticsObject = c, e[c] = e[c] || function() {
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+17
-16
@@ -38,6 +38,7 @@
|
||||
<link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
|
||||
<link rel="icon" href="/docs/3.4/favicon.ico">
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -144,76 +145,76 @@
|
||||
|
||||
<h2 id="team-core">Core team</h2>
|
||||
<div class="list-group bs-team">
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/mdo">
|
||||
<img src="https://github.com/mdo.png?s=64" alt="@mdo avatar" width="32" height="32">
|
||||
<strong>Mark Otto</strong> <small>@mdo</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/fat">
|
||||
<img src="https://github.com/fat.png?s=64" alt="@fat avatar" width="32" height="32">
|
||||
<strong>Jacob Thornton</strong> <small>@fat</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/cvrebert">
|
||||
<img src="https://github.com/cvrebert.png?s=64" alt="@cvrebert avatar" width="32" height="32">
|
||||
<strong>Chris Rebert</strong> <small>@cvrebert</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/xhmikosr">
|
||||
<img src="https://github.com/xhmikosr.png?s=64" alt="@xhmikosr avatar" width="32" height="32">
|
||||
<strong>XhmikosR</strong> <small>@xhmikosr</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/patrickhlauke">
|
||||
<img src="https://github.com/patrickhlauke.png?s=64" alt="@patrickhlauke avatar" width="32" height="32">
|
||||
<strong>Patrick H. Lauke</strong> <small>@patrickhlauke</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/johann-s">
|
||||
<img src="https://github.com/johann-s.png?s=64" alt="@johann-s avatar" width="32" height="32">
|
||||
<strong>Johann-S</strong> <small>@johann-s</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/andresgalante">
|
||||
<img src="https://github.com/andresgalante.png?s=64" alt="@andresgalante avatar" width="32" height="32">
|
||||
<strong>Andres Galante</strong> <small>@andresgalante</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</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/v3.4.1/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
|
||||
|
||||
<h2 id="team-sass">Sass team</h2>
|
||||
<div class="list-group bs-team">
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/thomas-mcdonald">
|
||||
<img src="https://github.com/thomas-mcdonald.png?s=64" alt="@thomas-mcdonald avatar" width="32" height="32">
|
||||
<strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<a class="team-member" href="https://github.com/glebm">
|
||||
<img src="https://github.com/glebm.png?s=64" alt="@glebm avatar" width="32" height="32">
|
||||
<strong>Gleb Mazovetskiy</strong> <small>@glebm</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<p>The <a href="https://github.com/twbs/bootstrap-sass">official Sass port of Bootstrap</a> was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass <a href="https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md">contributing guidelines</a> for information on how the Sass port is developed.</p>
|
||||
</div>
|
||||
@@ -292,7 +293,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3" role="complementary">
|
||||
<nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
|
||||
<form class="bs-docs-search">
|
||||
@@ -300,7 +301,7 @@
|
||||
</form>
|
||||
|
||||
<ul class="nav bs-docs-sidenav">
|
||||
|
||||
|
||||
<li>
|
||||
<a href="#history">History</a>
|
||||
</li>
|
||||
@@ -311,15 +312,15 @@
|
||||
<a href="#brand">Brand guidelines</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<a class="back-to-top" href="#top">
|
||||
Back to top
|
||||
</a>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -38,6 +38,7 @@
|
||||
<link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
|
||||
<link rel="icon" href="/docs/3.4/favicon.ico">
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -148,7 +149,7 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -159,7 +160,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20755">#20755</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -170,7 +171,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18692">#18692</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -181,7 +182,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14211">#14211</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -192,7 +193,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14528">#14528</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -203,7 +204,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/16671">#16671</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -214,7 +215,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18504">#18504</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -225,7 +226,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18543">#18543</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -236,7 +237,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18228">#18228</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -247,7 +248,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19670">#19670</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -258,7 +259,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/13453">#13453</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -269,7 +270,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/793">#793</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -280,7 +281,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18365">#18365</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -291,7 +292,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19839">#19839</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -302,7 +303,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19670">#19670</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -313,7 +314,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20161">#20161</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox (Windows)
|
||||
</td>
|
||||
@@ -324,7 +325,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/15990">#15990</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox (OS X & Linux)
|
||||
</td>
|
||||
@@ -335,7 +336,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19626">#19626</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome (Android)
|
||||
</td>
|
||||
@@ -346,7 +347,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17338">#17338</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome (OS X)
|
||||
</td>
|
||||
@@ -357,7 +358,7 @@
|
||||
<td>Offshoot of <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a> & <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -368,7 +369,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14409">#14409</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -379,7 +380,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/16022">#16022</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -390,7 +391,7 @@
|
||||
<td><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>
|
||||
@@ -401,7 +402,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19810">#19810</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -412,7 +413,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/12832">#12832</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome (Windows & Linux)
|
||||
</td>
|
||||
@@ -423,7 +424,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/15298">#15298</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -434,7 +435,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17403">#17403</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (OS X)
|
||||
</td>
|
||||
@@ -445,7 +446,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17403">#17403</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (OS X)
|
||||
</td>
|
||||
@@ -456,7 +457,7 @@
|
||||
<td><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://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (OS X)
|
||||
</td>
|
||||
@@ -467,7 +468,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14868">#14868</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iPad)
|
||||
</td>
|
||||
@@ -478,7 +479,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14975">#14975</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -489,7 +490,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14603">#14603</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -500,7 +501,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14708">#14708</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -511,7 +512,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/16988">#16988</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -522,7 +523,7 @@
|
||||
<td><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>
|
||||
@@ -533,7 +534,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/16028">#16028</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -544,7 +545,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18859">#18859</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -555,7 +556,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17497">#17497</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -566,7 +567,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14839">#14839</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -577,7 +578,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14839">#14839</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -588,7 +589,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19927">#19927</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -599,7 +600,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17695">#17695</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -610,7 +611,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/12832">#12832</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iPad Pro)
|
||||
</td>
|
||||
@@ -621,7 +622,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18738">#18738</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -644,7 +645,7 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -655,7 +656,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -666,7 +667,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17021">#17021</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Microsoft Edge
|
||||
</td>
|
||||
@@ -677,7 +678,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -688,7 +689,7 @@
|
||||
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1182856">Mozilla bug #1182856</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -699,7 +700,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -710,7 +711,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -721,7 +722,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -732,7 +733,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -743,7 +744,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17021">#17021</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -754,7 +755,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -765,14 +766,14 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
+273
-272
File diff suppressed because it is too large
Load Diff
@@ -18,9 +18,9 @@
|
||||
|
||||
|
||||
<!-- Optional Bootstrap Theme -->
|
||||
|
||||
|
||||
<link href="data:text/css;charset=utf-8," data-href="/docs/3.4/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -43,6 +43,7 @@
|
||||
<link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
|
||||
<link rel="icon" href="/docs/3.4/favicon.ico">
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -3749,7 +3750,7 @@ To edit settings, press <span class="nt"><kbd><kbd></span>ctrl<span
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3" role="complementary">
|
||||
<nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
|
||||
<form class="bs-docs-search">
|
||||
@@ -3757,7 +3758,7 @@ To edit settings, press <span class="nt"><kbd><kbd></span>ctrl<span
|
||||
</form>
|
||||
|
||||
<ul class="nav bs-docs-sidenav">
|
||||
|
||||
|
||||
<li>
|
||||
<a href="#overview">Overview</a>
|
||||
<ul class="nav">
|
||||
@@ -3896,19 +3897,19 @@ To edit settings, press <span class="nt"><kbd><kbd></span>ctrl<span
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<a class="back-to-top" href="#top">
|
||||
Back to top
|
||||
</a>
|
||||
|
||||
|
||||
<a href="#" class="bs-docs-theme-toggle" role="button">
|
||||
Preview theme
|
||||
</a>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -38,6 +38,7 @@
|
||||
<link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
|
||||
<link rel="icon" href="/docs/3.4/favicon.ico">
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -484,7 +485,7 @@
|
||||
<h1 id="less-variables" class="page-header">Less variables</h1>
|
||||
|
||||
<p class="lead">Customize Less variables to define colors, sizes and more inside your custom CSS stylesheets.</p>
|
||||
|
||||
|
||||
<!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-variables.pug template.-->
|
||||
<h2 id="colors">Colors</h2>
|
||||
<p>Gray and brand colors for use across Bootstrap.</p>
|
||||
@@ -2389,7 +2390,7 @@
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3" role="complementary">
|
||||
<nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
|
||||
<form class="bs-docs-search">
|
||||
@@ -2397,8 +2398,8 @@
|
||||
</form>
|
||||
|
||||
<ul class="nav bs-docs-sidenav">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-nav.pug template.-->
|
||||
<li><a href="#import-drop-target">Import</a></li>
|
||||
<li><a href="#less">Less components</a></li>
|
||||
@@ -2445,15 +2446,15 @@
|
||||
</li>
|
||||
<li><a href="#download">Download</a></li>
|
||||
<!-- NOTE: DO NOT EDIT THE PRECEDING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-nav.pug template.-->
|
||||
|
||||
|
||||
</ul>
|
||||
<a class="back-to-top" href="#top">
|
||||
Back to top
|
||||
</a>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2496,9 +2497,9 @@
|
||||
|
||||
|
||||
<script>var __configBridge = {"autoprefixer":{"browsers":["Android 2.3","Android >= 4","Chrome >= 20","Firefox >= 24","Explorer >= 8","iOS >= 6","Opera >= 12","Safari >= 6"],"cascade":false},"jqueryCheck":["if (typeof jQuery === 'undefined') {"," throw new Error('Bootstrap\\'s JavaScript requires jQuery')","}\n"],"jqueryVersionCheck":["+function ($) {"," 'use strict';"," var version = $.fn.jquery.split(' ')[0].split('.')"," if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) {"," throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4')"," }","}(jQuery);\n\n"]}</script>
|
||||
|
||||
|
||||
<script src="/docs/3.4/assets/js/customize.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
@@ -38,6 +38,7 @@
|
||||
<link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
|
||||
<link rel="icon" href="/docs/3.4/favicon.ico">
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -875,31 +876,31 @@ Copy any changes made here over to the README too. -->
|
||||
|
||||
<p class="lead">Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.</p>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href="https://v3.bootcss.com/" hreflang="zh">Bootstrap 中文文档 (Chinese)</a></li>
|
||||
|
||||
|
||||
<li><a href="http://getbootstrap.dk/" hreflang="da">Bootstrap på Dansk (Danish)</a></li>
|
||||
|
||||
|
||||
<li><a href="http://www.oneskyapp.com/fr/docs/bootstrap/getting-started/" hreflang="fr">Bootstrap en Français (French)</a></li>
|
||||
|
||||
|
||||
<li><a href="http://holdirbootstrap.de/" hreflang="de">Bootstrap auf Deutsch (German)</a></li>
|
||||
|
||||
|
||||
<li><a href="https://www.hackerstribe.com/guide/IT-bootstrap-3.1.1/" hreflang="it">Bootstrap in Italiano (Italian)</a></li>
|
||||
|
||||
|
||||
<li><a href="http://bootstrapk.com/" hreflang="ko">Bootstrap 한국어 (Korean)</a></li>
|
||||
|
||||
|
||||
<li><a href="https://getbootstrap.com.br/" hreflang="pt-BR">Bootstrap em Português do Brasil (Brazilian Portuguese)</a></li>
|
||||
|
||||
|
||||
<li><a href="http://www.oneskyapp.com/ru/docs/bootstrap/" hreflang="ru">Bootstrap по-русски (Russian)</a></li>
|
||||
|
||||
|
||||
<li><a href="http://www.oneskyapp.com/es/docs/bootstrap/" hreflang="es">Bootstrap en Español (Spanish)</a></li>
|
||||
|
||||
|
||||
<li><a href="http://www.trbootstrap.com" hreflang="tr">Türkçe Bootstrap (Turkish)</a></li>
|
||||
|
||||
|
||||
<li><a href="https://twbs.docs.org.ua/" hreflang="uk">Bootstrap українською (Ukrainian)</a></li>
|
||||
|
||||
|
||||
<li><a href="http://getbootstrap.com.vn" hreflang="vi">Bootstrap bằng tiếng Việt (Vietnamese)</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<p><strong class="text-danger">We don't help organize or host translations, we just link to them.</strong></p>
|
||||
<p>Finished a new or better translation? Open a pull request to add it to our list.</p>
|
||||
@@ -907,7 +908,7 @@ Copy any changes made here over to the README too. -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3" role="complementary">
|
||||
<nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
|
||||
<form class="bs-docs-search">
|
||||
@@ -915,7 +916,7 @@ Copy any changes made here over to the README too. -->
|
||||
</form>
|
||||
|
||||
<ul class="nav bs-docs-sidenav">
|
||||
|
||||
|
||||
<li>
|
||||
<a href="#download">Download</a>
|
||||
</li>
|
||||
@@ -993,15 +994,15 @@ Copy any changes made here over to the README too. -->
|
||||
<a href="#translations">Translations</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<a class="back-to-top" href="#top">
|
||||
Back to top
|
||||
</a>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
+5
-4
@@ -36,6 +36,7 @@
|
||||
<link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
|
||||
<link rel="icon" href="/docs/3.4/favicon.ico">
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -178,25 +179,25 @@
|
||||
<hr class="half-rule">
|
||||
|
||||
<div class="row bs-docs-featured-sites">
|
||||
|
||||
|
||||
<div class="col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-0">
|
||||
<a href="https://expo.getbootstrap.com/2014/10/29/lyft/" rel="noopener" target="_blank" title="Lyft">
|
||||
<img src="/docs/3.4/assets/img/expo-lyft.jpg" alt="Lyft" class="img-responsive" width="800" height="600">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-0">
|
||||
<a href="https://expo.getbootstrap.com/2014/09/30/vogue/" rel="noopener" target="_blank" title="Vogue">
|
||||
<img src="/docs/3.4/assets/img/expo-vogue.jpg" alt="Vogue" class="img-responsive" width="800" height="600">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-0">
|
||||
<a href="https://expo.getbootstrap.com/2014/02/12/newsweek/" rel="noopener" target="_blank" title="Newsweek">
|
||||
<img src="/docs/3.4/assets/img/expo-newsweek.jpg" alt="Newsweek" class="img-responsive" width="800" height="600">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<hr class="half-rule">
|
||||
|
||||
@@ -18,9 +18,9 @@
|
||||
|
||||
|
||||
<!-- Optional Bootstrap Theme -->
|
||||
|
||||
|
||||
<link href="data:text/css;charset=utf-8," data-href="/docs/3.4/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -43,6 +43,7 @@
|
||||
<link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
|
||||
<link rel="icon" href="/docs/3.4/favicon.ico">
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -2711,7 +2712,7 @@ sagittis lacus vel augue laoreet rutrum faucibus."</span><span class="nt">></
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3" role="complementary">
|
||||
<nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
|
||||
<form class="bs-docs-search">
|
||||
@@ -2719,7 +2720,7 @@ sagittis lacus vel augue laoreet rutrum faucibus."</span><span class="nt">></
|
||||
</form>
|
||||
|
||||
<ul class="nav bs-docs-sidenav">
|
||||
|
||||
|
||||
<li>
|
||||
<a href="#js-overview">Overview</a>
|
||||
<ul class="nav">
|
||||
@@ -2846,19 +2847,19 @@ sagittis lacus vel augue laoreet rutrum faucibus."</span><span class="nt">></
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<a class="back-to-top" href="#top">
|
||||
Back to top
|
||||
</a>
|
||||
|
||||
|
||||
<a href="#" class="bs-docs-theme-toggle" role="button">
|
||||
Preview theme
|
||||
</a>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -38,6 +38,7 @@
|
||||
<link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
|
||||
<link rel="icon" href="/docs/3.4/favicon.ico">
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -563,7 +564,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3" role="complementary">
|
||||
<nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
|
||||
<form class="bs-docs-search">
|
||||
@@ -571,7 +572,7 @@
|
||||
</form>
|
||||
|
||||
<ul class="nav bs-docs-sidenav">
|
||||
|
||||
|
||||
<li>
|
||||
<a href="#classes">Major class changes</a>
|
||||
</li>
|
||||
@@ -585,15 +586,15 @@
|
||||
<a href="#notes">Additional notes</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<a class="back-to-top" href="#top">
|
||||
Back to top
|
||||
</a>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
|
||||
@@ -60,6 +60,7 @@
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
|
||||
@@ -60,6 +60,7 @@
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
|
||||
<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -170,55 +171,55 @@
|
||||
Introduction
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/getting-started/download/">
|
||||
Download
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/getting-started/contents/">
|
||||
Contents
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/getting-started/browsers-devices/">
|
||||
Browsers & devices
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/getting-started/javascript/">
|
||||
JavaScript
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/getting-started/theming/">
|
||||
Theming
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/getting-started/build-tools/">
|
||||
Build tools
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/getting-started/webpack/">
|
||||
Webpack
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/getting-started/accessibility/">
|
||||
Accessibility
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li></ul>
|
||||
</div><div class="bd-toc-item">
|
||||
<a class="bd-toc-link" href="/docs/4.0/layout/overview/">
|
||||
@@ -230,25 +231,25 @@
|
||||
Overview
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/layout/grid/">
|
||||
Grid
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/layout/media-object/">
|
||||
Media object
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/layout/utilities-for-layout/">
|
||||
Utilities for layout
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li></ul>
|
||||
</div><div class="bd-toc-item">
|
||||
<a class="bd-toc-link" href="/docs/4.0/content/reboot/">
|
||||
@@ -260,37 +261,37 @@
|
||||
Reboot
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/content/typography/">
|
||||
Typography
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/content/code/">
|
||||
Code
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/content/images/">
|
||||
Images
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/content/tables/">
|
||||
Tables
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/content/figures/">
|
||||
Figures
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li></ul>
|
||||
</div><div class="bd-toc-item">
|
||||
<a class="bd-toc-link" href="/docs/4.0/components/alerts/">
|
||||
@@ -302,127 +303,127 @@
|
||||
Alerts
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/badge/">
|
||||
Badge
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/breadcrumb/">
|
||||
Breadcrumb
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/buttons/">
|
||||
Buttons
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/button-group/">
|
||||
Button group
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/card/">
|
||||
Card
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/carousel/">
|
||||
Carousel
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/collapse/">
|
||||
Collapse
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/dropdowns/">
|
||||
Dropdowns
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/forms/">
|
||||
Forms
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/input-group/">
|
||||
Input group
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/jumbotron/">
|
||||
Jumbotron
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/list-group/">
|
||||
List group
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/modal/">
|
||||
Modal
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/navs/">
|
||||
Navs
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/navbar/">
|
||||
Navbar
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/pagination/">
|
||||
Pagination
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/popovers/">
|
||||
Popovers
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/progress/">
|
||||
Progress
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/scrollspy/">
|
||||
Scrollspy
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/components/tooltips/">
|
||||
Tooltips
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li></ul>
|
||||
</div><div class="bd-toc-item">
|
||||
<a class="bd-toc-link" href="/docs/4.0/utilities/borders/">
|
||||
@@ -434,97 +435,97 @@
|
||||
Borders
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/clearfix/">
|
||||
Clearfix
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/close-icon/">
|
||||
Close icon
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/colors/">
|
||||
Colors
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/display/">
|
||||
Display
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/embed/">
|
||||
Embed
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/flex/">
|
||||
Flex
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/float/">
|
||||
Float
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/image-replacement/">
|
||||
Image replacement
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/position/">
|
||||
Position
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/screenreaders/">
|
||||
Screenreaders
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/sizing/">
|
||||
Sizing
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/spacing/">
|
||||
Spacing
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/text/">
|
||||
Text
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/vertical-align/">
|
||||
Vertical align
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/utilities/visibility/">
|
||||
Visibility
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li></ul>
|
||||
</div><div class="bd-toc-item">
|
||||
<a class="bd-toc-link" href="/docs/4.0/extend/icons/">
|
||||
@@ -536,7 +537,7 @@
|
||||
Icons
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li></ul>
|
||||
</div><div class="bd-toc-item">
|
||||
<a class="bd-toc-link" href="/docs/4.0/migration/">
|
||||
@@ -554,37 +555,37 @@
|
||||
History
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li class="active bd-sidenav-active">
|
||||
<a href="/docs/4.0/about/team/">
|
||||
Team
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/about/brand/">
|
||||
Brand
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/about/license/">
|
||||
License
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li><li>
|
||||
<a href="/docs/4.0/about/translations/">
|
||||
Translations
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li></ul>
|
||||
</div></nav>
|
||||
|
||||
</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">Team</h1>
|
||||
@@ -594,7 +595,7 @@
|
||||
<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 bd-team">
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=mdo&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/mdo">
|
||||
@@ -602,7 +603,7 @@
|
||||
<strong>Mark Otto</strong> <small>@mdo</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=fat&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/fat">
|
||||
@@ -610,7 +611,7 @@
|
||||
<strong>Jacob Thornton</strong> <small>@fat</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=cvrebert&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/cvrebert">
|
||||
@@ -618,7 +619,7 @@
|
||||
<strong>Chris Rebert</strong> <small>@cvrebert</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=juthilo&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/juthilo">
|
||||
@@ -626,7 +627,7 @@
|
||||
<strong>Julian Thilo</strong> <small>@juthilo</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=xhmikosr&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/xhmikosr">
|
||||
@@ -634,7 +635,7 @@
|
||||
<strong>XhmikosR</strong> <small>@xhmikosr</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=hnrch02&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/hnrch02">
|
||||
@@ -642,7 +643,7 @@
|
||||
<strong>Heinrich Fenkart</strong> <small>@hnrch02</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=patrickhlauke&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/patrickhlauke">
|
||||
@@ -650,7 +651,7 @@
|
||||
<strong>Patrick H. Lauke</strong> <small>@patrickhlauke</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=thomas-mcdonald&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/thomas-mcdonald">
|
||||
@@ -658,7 +659,7 @@
|
||||
<strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=glebm&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/glebm">
|
||||
@@ -666,7 +667,7 @@
|
||||
<strong>Gleb Mazovetskiy</strong> <small>@glebm</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=johann-s&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/johann-s">
|
||||
@@ -674,7 +675,7 @@
|
||||
<strong>Johann-S</strong> <small>@johann-s</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list-group-item">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=andresgalante&type=follow"></iframe>
|
||||
<a class="team-member" href="https://github.com/andresgalante">
|
||||
@@ -682,7 +683,7 @@
|
||||
<strong>Andres Galante</strong> <small>@andresgalante</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</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.0.0-beta.2/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -411,7 +412,7 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -422,7 +423,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20755">#20755</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -433,7 +434,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18692">#18692</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -444,7 +445,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14211">#14211</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -455,7 +456,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/16671">#16671</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -466,7 +467,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18504">#18504</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -477,7 +478,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18543">#18543</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -488,7 +489,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18228">#18228</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -499,7 +500,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19670">#19670</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -510,7 +511,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20507">#20507</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -521,7 +522,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/13453">#13453</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -532,7 +533,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/793">#793</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -543,7 +544,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18365">#18365</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -554,7 +555,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19839">#19839</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -565,7 +566,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19670">#19670</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -576,7 +577,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/21092">#21092</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox (Windows)
|
||||
</td>
|
||||
@@ -587,7 +588,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/15990">#15990</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox (OS X & Linux)
|
||||
</td>
|
||||
@@ -598,7 +599,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19626">#19626</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome (Android)
|
||||
</td>
|
||||
@@ -609,7 +610,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17338">#17338</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome (OS X)
|
||||
</td>
|
||||
@@ -620,7 +621,7 @@
|
||||
<td>Offshoot of <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a> & <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -631,7 +632,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14409">#14409</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -642,7 +643,7 @@
|
||||
<td><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>
|
||||
@@ -653,7 +654,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19810">#19810</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -664,7 +665,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/12832">#12832</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -675,7 +676,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20161">#20161</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome (Windows & Linux)
|
||||
</td>
|
||||
@@ -686,7 +687,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/15298">#15298</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -697,7 +698,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/24673">#24673</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -708,7 +709,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17403">#17403</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -719,7 +720,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20732">#20732</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -730,7 +731,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/25166">#25166</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (OS X)
|
||||
</td>
|
||||
@@ -741,7 +742,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17403">#17403</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (OS X)
|
||||
</td>
|
||||
@@ -752,7 +753,7 @@
|
||||
<td><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://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (OS X)
|
||||
</td>
|
||||
@@ -763,7 +764,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14868">#14868</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -774,7 +775,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14603">#14603</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -785,7 +786,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14708">#14708</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -796,7 +797,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/16988">#16988</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -807,7 +808,7 @@
|
||||
<td><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>
|
||||
@@ -818,7 +819,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/16028">#16028</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -829,7 +830,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18859">#18859</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -840,7 +841,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17497">#17497</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -851,7 +852,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14839">#14839</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -862,7 +863,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/14839">#14839</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -873,7 +874,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/17695">#17695</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -884,7 +885,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/12832">#12832</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iOS)
|
||||
</td>
|
||||
@@ -895,7 +896,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20759">#20759</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari (iPad Pro)
|
||||
</td>
|
||||
@@ -906,7 +907,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/18738">#18738</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -926,7 +927,7 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -937,7 +938,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20732">#20732</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -948,7 +949,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -959,7 +960,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -970,7 +971,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20618">#20618</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Edge
|
||||
</td>
|
||||
@@ -981,7 +982,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -992,7 +993,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -1003,7 +1004,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Firefox
|
||||
</td>
|
||||
@@ -1014,7 +1015,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20732">#20732</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -1025,7 +1026,7 @@
|
||||
<td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=437860">Chromium issue #437860</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -1036,7 +1037,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Chrome
|
||||
</td>
|
||||
@@ -1047,7 +1048,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -1058,7 +1059,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20618">#20618</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -1069,7 +1070,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Safari
|
||||
</td>
|
||||
@@ -1080,7 +1081,7 @@
|
||||
<td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -404,7 +405,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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="#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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -391,7 +392,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -399,7 +400,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -427,7 +428,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -415,7 +416,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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">Dropdowns</h1>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -449,7 +450,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -401,7 +402,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -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">List group</h1>
|
||||
@@ -557,7 +558,7 @@
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Dapibus ac facilisis in</li>
|
||||
|
||||
|
||||
|
||||
<li class="list-group-item list-group-item-primary">This is a primary list group item</li>
|
||||
<li class="list-group-item list-group-item-secondary">This is a secondary list group item</li>
|
||||
<li class="list-group-item list-group-item-success">This is a success list group item</li>
|
||||
@@ -571,7 +572,7 @@
|
||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item"</span><span class="nt">></span>Dapibus ac facilisis in<span class="nt"></li></span>
|
||||
|
||||
|
||||
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-primary"</span><span class="nt">></span>This is a primary list group item<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-secondary"</span><span class="nt">></span>This is a secondary list group item<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-success"</span><span class="nt">></span>This is a success list group item<span class="nt"></li></span>
|
||||
@@ -588,7 +589,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">This is a primary list group item</a>
|
||||
<a href="#" class="list-group-item list-group-item-action list-group-item-secondary">This is a secondary list group item</a>
|
||||
<a href="#" class="list-group-item list-group-item-action list-group-item-success">This is a success list group item</a>
|
||||
@@ -602,7 +603,7 @@
|
||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">></span>
|
||||
<span class="nt"><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">></span>Dapibus ac facilisis in<span class="nt"></a></span>
|
||||
|
||||
|
||||
|
||||
<span class="nt"><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">></span>This is a primary list group item<span class="nt"></a></span>
|
||||
<span class="nt"><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">></span>This is a secondary list group item<span class="nt"></a></span>
|
||||
<span class="nt"><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">></span>This is a success list group item<span class="nt"></a></span>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -427,7 +428,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -420,7 +421,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -391,7 +392,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -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">Popovers</h1>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -393,7 +394,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -430,7 +431,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -415,7 +416,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -391,7 +392,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -390,7 +391,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -403,7 +404,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -1203,7 +1204,7 @@
|
||||
<td>Cell</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr class="table-primary">
|
||||
<th scope="row">Primary</th>
|
||||
<td>Cell</td>
|
||||
@@ -1263,7 +1264,7 @@
|
||||
<span class="c"><!-- On cells (`td` or `th`) --></span>
|
||||
<span class="nt"><tr></span>
|
||||
<span class="nt"><td</span> <span class="na">class=</span><span class="s">"table-active"</span><span class="nt">></span>...<span class="nt"></td></span>
|
||||
|
||||
|
||||
<span class="nt"><td</span> <span class="na">class=</span><span class="s">"table-primary"</span><span class="nt">></span>...<span class="nt"></td></span>
|
||||
<span class="nt"><td</span> <span class="na">class=</span><span class="s">"table-secondary"</span><span class="nt">></span>...<span class="nt"></td></span>
|
||||
<span class="nt"><td</span> <span class="na">class=</span><span class="s">"table-success"</span><span class="nt">></span>...<span class="nt"></td></span>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -411,7 +412,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -132,7 +133,7 @@
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<main id="content" role="main">
|
||||
<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">
|
||||
@@ -145,10 +146,10 @@
|
||||
</header>
|
||||
|
||||
<main class="bd-content p-5" 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.0/examples/album/">
|
||||
@@ -157,9 +158,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.0/examples/pricing/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/pricing.png" alt="Pricing screenshot" width="960" height="600">
|
||||
@@ -167,9 +168,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.0/examples/checkout/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/checkout.png" alt="Checkout screenshot" width="960" height="600">
|
||||
@@ -177,9 +178,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.0/examples/product/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/product.png" alt="Product screenshot" width="960" height="600">
|
||||
@@ -187,9 +188,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.0/examples/cover/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/cover.png" alt="Cover screenshot" width="960" height="600">
|
||||
@@ -197,9 +198,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.0/examples/carousel/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/carousel.png" alt="Carousel screenshot" width="960" height="600">
|
||||
@@ -207,9 +208,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.0/examples/blog/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/blog.png" alt="Blog screenshot" width="960" height="600">
|
||||
@@ -217,9 +218,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.0/examples/dashboard/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/dashboard.png" alt="Dashboard screenshot" width="960" height="600">
|
||||
@@ -227,9 +228,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.0/examples/sign-in/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/sign-in.png" alt="Sign-in screenshot" width="960" height="600">
|
||||
@@ -237,9 +238,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.0/examples/sticky-footer/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/sticky-footer.png" alt="Sticky footer screenshot" width="960" height="600">
|
||||
@@ -247,9 +248,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.0/examples/sticky-footer-navbar/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/sticky-footer-navbar.png" alt="Sticky footer navbar screenshot" width="960" height="600">
|
||||
@@ -258,11 +259,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.0/examples/starter-template/">
|
||||
@@ -271,9 +272,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.0/examples/grid/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/grid.png" alt="Grid screenshot" width="960" height="600">
|
||||
@@ -281,9 +282,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.0/examples/jumbotron/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/jumbotron.png" alt="Jumbotron screenshot" width="960" height="600">
|
||||
@@ -292,11 +293,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.0/examples/navbars/">
|
||||
@@ -305,9 +306,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.0/examples/navbar-static/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/navbar-static.png" alt="Navbar static screenshot" width="960" height="600">
|
||||
@@ -315,9 +316,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.0/examples/navbar-fixed/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/navbar-fixed.png" alt="Navbar fixed screenshot" width="960" height="600">
|
||||
@@ -325,9 +326,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.0/examples/navbar-bottom/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/navbar-bottom.png" alt="Navbar bottom screenshot" width="960" height="600">
|
||||
@@ -336,11 +337,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.0/examples/floating-labels/">
|
||||
@@ -349,9 +350,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.0/examples/offcanvas/">
|
||||
<img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/offcanvas.png" alt="Offcanvas screenshot" width="960" height="600">
|
||||
@@ -360,13 +361,13 @@
|
||||
<p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<footer class="bd-footer text-muted">
|
||||
<div class="container-fluid p-3 p-md-5">
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -409,7 +410,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -391,7 +392,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -390,7 +391,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -397,7 +398,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -400,7 +401,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -677,73 +678,73 @@
|
||||
<p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in our <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>
|
||||
@@ -765,39 +766,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 our <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>
|
||||
@@ -806,25 +807,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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -394,7 +395,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -437,7 +438,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -391,7 +392,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -389,7 +390,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -444,7 +445,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -394,7 +395,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,12 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,12 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -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">Colors</h1>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -391,7 +392,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -389,7 +390,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -399,7 +400,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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="#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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,12 +382,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">Image replacement</h1>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -390,7 +391,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,12 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,12 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
@@ -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">Spacing</h1>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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="#font-weight-and-italics">Font weight and italics</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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
@@ -381,7 +382,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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 & 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>
|
||||
|
||||
|
||||
|
||||
&
|
||||
<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 & 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"><input type="number"></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"><input type="text"></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"><input></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"><input></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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user