1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6<meta name="description" content="The most popular HTML, CSS, and JS library in the world."> 7<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> 8<meta name="generator" content="Jekyll v3.8.5"> 9 10<meta name="docsearch:language" content="en"> 11<meta name="docsearch:version" content="4.3"> 12 13<title>Bootstrap · The most popular HTML, CSS, and JS library in the world.</title> 14 15<link rel="canonical" href="https://project-rfs.github.io/"> 16 17<!-- Bootstrap core CSS --> 18<link href="/docs/4.3/dist/css/bootstrap.css" rel="stylesheet"> 19<!-- Documentation extras --> 20 21 22<link href="/docs/4.3/assets/css/docs.min.css" rel="stylesheet"> 23 24<!-- Favicons --> 25<link rel="apple-touch-icon" href="/docs/4.3/assets/img/favicons/apple-touch-icon.png" sizes="180x180"> 26<link rel="icon" href="/docs/4.3/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png"> 27<link rel="icon" href="/docs/4.3/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png"> 28<link rel="manifest" href="/docs/4.3/assets/img/favicons/manifest.json"> 29<link rel="mask-icon" href="/docs/4.3/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c"> 30<link rel="icon" href="/favicon.ico"> 31<meta name="msapplication-config" content="/docs/4.3/assets/img/favicons/browserconfig.xml"> 32<meta name="theme-color" content="#563d7c"> 33 34<!-- Twitter --> 35<meta name="twitter:card" content="summary_large_image"> 36<meta name="twitter:site" content="@getbootstrap"> 37<meta name="twitter:creator" content="@getbootstrap"> 38<meta name="twitter:title" content="Bootstrap"> 39<meta name="twitter:description" content="The most popular HTML, CSS, and JS library in the world."> 40<meta name="twitter:image" content="https://project-rfs.github.io/docs/4.3/assets/brand/bootstrap-social.png"> 41 42<!-- Facebook --> 43<meta property="og:url" content="https://project-rfs.github.io/"> 44<meta property="og:title" content="Bootstrap"> 45<meta property="og:description" content="The most popular HTML, CSS, and JS library in the world."> 46<meta property="og:type" content="website"> 47<meta property="og:image" content="http://project-rfs.github.io/docs/4.3/assets/brand/bootstrap-social.png"> 48<meta property="og:image:secure_url" content="https://project-rfs.github.io/docs/4.3/assets/brand/bootstrap-social.png"> 49<meta property="og:image:type" content="image/png"> 50<meta property="og:image:width" content="1200"> 51<meta property="og:image:height" content="630"> 52
53<script> 54 window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; 55 ga('create', 'UA-146052-10', 'getbootstrap.com'); 56 ga('send', 'pageview'); 57</script>
vendor: 1 bytes, line 57
57
58<script async src="https://www.google-analytics.com/analytics.js"></script>
58 59 60 61 </head> 62 <body> 63 <a class="skippy sr-only sr-only-focusable" href="#content"> 64 <span class="skippy-text">Skip to main content</span> 65</a> 66 67 68 <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar"> 69 <a class="navbar-brand mr-0 mr-md-2" href="/" aria-label="Bootstrap"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" class="d-block" viewBox="0 0 612 612" role="img" focusable="false"><title>Bootstrap</title><path fill="currentColor" d="M510 8a94.3 94.3 0 0 1 94 94v408a94.3 94.3 0 0 1-94 94H102a94.3 94.3 0 0 1-94-94V102a94.3 94.3 0 0 1 94-94h408m0-8H102C45.9 0 0 45.9 0 102v408c0 56.1 45.9 102 102 102h408c56.1 0 102-45.9 102-102V102C612 45.9 566.1 0 510 0z"/><path fill="currentColor" d="M196.77 471.5V154.43h124.15c54.27 0 91 31.64 91 79.1 0 33-24.17 63.72-54.71 69.21v1.76c43.07 5.49 70.75 35.82 70.75 78 0 55.81-40 89-107.45 89zm39.55-180.4h63.28c46.8 0 72.29-18.68 72.29-53 0-31.42-21.53-48.78-60-48.78h-75.57zm78.22 145.46c47.68 0 72.73-19.34 72.73-56s-25.93-55.37-76.46-55.37h-74.49v111.4z"/></svg></a> 70 71 <div class="navbar-nav-scroll"> 72 <ul class="navbar-nav bd-navbar-nav flex-row"> 73 <li class="nav-item"> 74 <a class="nav-link active" href="/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a> 75 </li> 76 <li class="nav-item"> 77 <a class="nav-link " href="/docs/4.3/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a> 78 </li> 79 <li class="nav-item"> 80 <a class="nav-link " href="/docs/4.3/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> 81 </li> 82 <li class="nav-item"> 83 <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a> 84 </li> 85 <li class="nav-item"> 86 <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a> 87 </li> 88 <li class="nav-item"> 89 <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a> 90 </li> 91 </ul> 92 </div> 93 94 <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex"> 95 <li class="nav-item dropdown"> 96 <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 97 v4.3 98 </a> 99 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions"> 100 <a class="dropdown-item active" href="/docs/4.3/">Latest (4.3.x)</a> 101 <a class="dropdown-item" href="https://getbootstrap.com/docs/4.2/">v4.2.1</a> 102 <a class="dropdown-item" href="https://getbootstrap.com/docs/4.0/">v4.0.0</a> 103 <div class="dropdown-divider"></div> 104 <a class="dropdown-item" href="https://v4-alpha.getbootstrap.com/">v4 Alpha 6</a> 105 <a class="dropdown-item" href="https://getbootstrap.com/docs/3.4/">v3.4.0</a> 106 <a class="dropdown-item" href="https://getbootstrap.com/docs/3.3/">v3.3.7</a> 107 <a class="dropdown-item" href="https://getbootstrap.com/2.3.2/">v2.3.2</a> 108 <div class="dropdown-divider"></div> 109 <a class="dropdown-item" href="/docs/versions/">All versions</a> 110 </div> 111 </li> 112 113 <li class="nav-item"> 114 <a class="nav-link p-2" href="https://github.com/twbs/bootstrap" target="_blank" rel="noopener" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 512 499.36" role="img" focusable="false"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"/></svg></a> 115 </li> 116 <li class="nav-item"> 117 <a class="nav-link p-2" href="https://twitter.com/getbootstrap" target="_blank" rel="noopener" aria-label="Twitter"><svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 512 416.32" role="img" focusable="false"><title>Twitter</title>
117<path fill="currentColor" d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92"/></svg></a> 118 </li> 119 <li class="nav-item"> 120 <a class="nav-link p-2" href="https://bootstrap-slack.herokuapp.com/" target="_blank" rel="noopener" aria-label="Slack"><svg xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg" viewBox="0 0 512 512" role="img" focusable="false"><title>Slack</title><path fill="currentColor" d="M210.787 234.832l68.31-22.883 22.1 65.977-68.309 22.882z"/><path fill="currentColor" d="M490.54 185.6C437.7 9.59 361.6-31.34 185.6 21.46S-31.3 150.4 21.46 326.4 150.4 543.3 326.4 490.54 543.34 361.6 490.54 185.6zM401.7 299.8l-33.15 11.05 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.38-68.36 22.92 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.43-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.5-13.92 2.87-29.06 16.78-33.56l33.12-11.03-22.1-65.9-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.48-13.93 2.89-29.07 16.81-33.58l33.15-11.05-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.46 34.38 68.36-22.92-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.47 34.42 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.87 29.06-16.78 33.56L329.7 194.6l22.1 65.9 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.88 29.07-16.81 33.57z"/></svg></a> 121 </li> 122 <li class="nav-item"> 123 <a class="nav-link p-2" href="https://opencollective.com/bootstrap/" target="_blank" rel="noopener" aria-label="Open Collective"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-rule="evenodd" class="navbar-nav-svg" viewBox="0 0 40 41" role="img" focusable="false"><title>Open Collective</title><path fill-opacity=".4" d="M32.8 21c0 2.4-.8 4.9-2 6.9l5.1 5.1c2.5-3.4 4.1-7.6 4.1-12 0-4.6-1.6-8.8-4-12.2L30.7 14c1.2 2 2 4.3 2 7z"/><path d="M20 33.7a12.8 12.8 0 0 1 0-25.6c2.6 0 5 .7 7 2.1L32 5a20 20 0 1 0 .1 31.9l-5-5.2a13 13 0 0 1-7 2z"/></svg></a> 124 </li> 125 </ul> 126 127 <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="/docs/4.3/getting-started/download/">Download</a> 128</header> 129 130 131 <main class="bd-masthead" id="content" role="main"> 132 <div class="container"> 133 <div class="row align-items-center"> 134 <div class="col-6 mx-auto col-md-6 order-md-2"> 135 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="430" class="img-fluid mb-3 mb-md-0" role="img" viewBox="0 0 1024 860" focusable="false"><title>Bootstrap</title><defs>
135<linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#5C24AE"/><stop offset="100%" stop-color="#30135A"/></linearGradient><path id="b" d="M355.967 242.807l-322 216.395c-44.275 29.754-44.275 78.443 0 108.197l322 216.395c44.275 29.754 116.725 29.754 161 0l322-216.395c44.275-29.754 44.275-78.443 0-108.197l-322-216.395c-44.275-29.754-116.725-29.754-161 0z"/><filter id="a" width="108%" height="112%" x="-4%" y="-4.3%" filterUnits="objectBoundingBox"><feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="10"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/></filter><linearGradient id="f" x1="50%" x2="50%" y1="-17.303%" y2="100%"><stop offset="0%" stop-color="#7331D4"/><stop offset="100%" stop-color="#461B84"/></linearGradient><path id="e" d="M355.967 132.807l-322 216.395c-44.275 29.754-44.275 78.443 0 108.197l322 216.395c44.275 29.754 116.725 29.754 161 0l322-216.395c44.275-29.754 44.275-78.443 0-108.197l-322-216.395c-44.275-29.754-116.725-29.754-161 0z"/><filter id="d" width="108%" height="112%" x="-4%" y="-4.3%" filterUnits="objectBoundingBox"><feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="10"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/></filter>
135<linearGradient id="i" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#905BDD"/><stop offset="100%" stop-color="#5521A0"/></linearGradient><path id="h" d="M355.967 22.807l-322 216.395c-44.275 29.754-44.275 78.443 0 108.197l322 216.395c44.275 29.754 116.725 29.754 161 0l322-216.395c44.275-29.754 44.275-78.443 0-108.197l-322-216.395c-44.275-29.754-116.725-29.754-161 0z"/><filter id="g" width="108%" height="112%" x="-4%" y="-4.3%" filterUnits="objectBoundingBox"><feOffset dy="10" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="10"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/></filter></defs><g fill="none"><g transform="translate(75 23)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="url(#c)" xlink:href="#b"/></g><g transform="translate(75 23)"><use fill="#000" filter="url(#d)" xlink:href="#e"/><use fill="url(#f)" xlink:href="#e"/></g><g transform="translate(75 23)"><use fill="#000" filter="url(#g)" xlink:href="#h"/><use fill="url(#i)" xlink:href="#h"/></g><path fill="#FFF" d="M558.273 447.667L308.036 279.5l97.982-65.847c42.83-28.784 96.789-31.483 134.245-6.311 26.044 17.502 31.214 46.615 11.444 65.724l1.389.934c38.324-19.932 84.107-18.527 117.396 3.845 44.046 29.6 38.671 68.419-14.561 104.193l-97.658 65.629zM447.112 331.01l49.942-33.562c36.935-24.822 42.31-48.249 15.224-66.451-24.798-16.665-55.49-14.453-85.851 5.95l-59.641 40.081 80.326 53.982zm176.532 35.663c37.63-25.289 42.136-48.832 13.203-68.276-28.932-19.444-64.163-15.614-104.042 11.186l-58.789 39.508 87.92 59.084 61.708-41.502z"/></g></svg> 136 </div> 137 <div class="col-md-6 order-md-1 text-center text-md-left pr-md-5"> 138 <h1 class="mb-3 bd-text-purple-bright">Bootstrap</h1> 139 <p class="lead"> 140 Build responsive, mobile-first projects on the web with the worldâs most popular front-end component library. 141 </p> 142 <p class="lead mb-4"> 143 Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery. 144 </p> 145 <div class="row mx-n2"> 146 <div class="col-md px-2"> 147 <a href="/docs/4.3/getting-started/introduction/" class="btn btn-lg btn-bd-primary w-100 mb-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">Get started</a> 148 </div> 149 <div class="col-md px-2"> 150 <a href="/docs/4.3/getting-started/download/" class="btn btn-lg btn-outline-secondary w-100 mb-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download 4.3.1');">Download</a> 151 </div> 152 </div> 153 <p class="text-muted mb-0"> 154 Currently v4.3.1 155 </p> 156 </div> 157 </div> 158
158<script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
158 159 160 </div> 161</main> 162 163<div class="masthead-followup row m-0 border border-white"> 164 <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> 165 <!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons --> 166 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="text-primary mb-2" viewBox="0 0 32 32" focusable="false"><title>Import</title><path d="M28 22v8H4v-8M16 4v20m-8-8l8 8 8-8"/></svg> 167 <h3>Installation</h3> 168 <p>Include Bootstrapâs source Sass and JavaScript files via npm, Composer or Meteor. Package managed installs donât include documentation, but do include our build system and readme.</p> 169 170<figure class="highlight"><pre><code class="language-sh" data-lang="sh">npm <span class="nb">install </span>bootstrap</code></pre></figure> 171 172<figure class="highlight"><pre><code class="language-sh" data-lang="sh">gem <span class="nb">install </span>bootstrap <span class="nt">-v</span> 4.3.1</code></pre></figure> 173 174 <hr class="half-rule"> 175 <a class="btn btn-outline-primary" href="/docs/4.3/getting-started/download/">Read installation docs</a> 176 </div> 177 178 <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> 179 <!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons --> 180 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="text-primary mb-2" viewBox="0 0 32 32" focusable="false"><title>Download</title><path d="M9 22c-9 1-8-10 0-9C6 2 23 2 22 10c10-3 10 13 1 12m-12 4l5 4 5-4m-5-10v14"/></svg> 181 <h3>BootstrapCDN</h3> 182 <p>When you only need to include Bootstrapâs compiled CSS or JS, you can use <a href="https://www.bootstrapcdn.com/">BootstrapCDN</a>.</p> 183 184<h5>CSS only</h5> 185<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"</span> <span class="na">integrity=</span><span class="s">"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"</span> <span class="na">crossorigin=</span><span class="s">"anonymous"</span><span class="nt">></span></code></pre></figure> 186 187<h5>JS, Popper.js, and jQuery</h5> 188<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><script </span><span class="na">src=</span><span class="s">"https://code.jquery.com/jquery-3.3.1.slim.min.js"</span> <span class="na">integrity=</span><span class="s">"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"</span> <span class="na">crossorigin=</span><span class="s">"anonymous"</span><span class="nt">></script></span> 189<span class="nt"><script </span><span class="na">src=</span><span class="s">"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"</span> <span class="na">integrity=</span><span class="s">"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"</span> <span class="na">crossorigin=</span><span class="s">"anonymous"</span><span class="nt">></script></span> 190<span class="nt"><script </span><span class="na">src=</span><span class="s">"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"</span> <span class="na">integrity=</span><span class="s">"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"</span> <span class="na">crossorigin=</span><span class="s">"anonymous"</span><span class="nt">></script></span></code></pre></figure> 191 <hr class="half-rule"> 192 <a class="btn btn-outline-primary" href="/docs/4.3/layout/overview/">Explore the docs</a> 193 </div> 194 195 <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> 196 <!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons --> 197 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="text-primary mb-2" viewBox="0 0 32 32" focusable="false"><title>Lightning</title><path d="M18 13l8-11L8 13l6 6-8 11 18-11z"/></svg> 198 <h3>Official Themes</h3> 199 <p> 200 Take Bootstrap 4 to the next level with official premium themesâtoolkits built on Bootstrap with new components and plugins, docs, and build tools. 201 </p> 202 <img class="img-fluid mt-3 mx-auto" srcset="/docs/4.3/assets/img/bootstrap-themes.png, 203 /docs/4.3/assets/img/[email protected] 2x" 204 src="/docs/4.3/assets/img/bootstrap-themes.png" alt="Bootstrap Themes" width="500" height="200"> 205 <hr class="half-rule"> 206 <a href="https://themes.getbootstrap.com/" class="btn btn-outline-primary">Browse themes</a> 207 </div> 208</div> 209 210 211 <footer class="bd-footer text-muted"> 212 <div class="container-fluid p-3 p-md-5"> 213 <ul class="bd-footer-links"> 214 <li><a href="https://github.com/twbs/bootstrap">GitHub</a></li> 215 <li><a href="https://twitter.com/getbootstrap">Twitter</a></li> 216 <li><a href="/docs/4.3/examples/">Examples</a></li> 217 <li><a href="/docs/4.3/about/overview/">About</a></li> 218 </ul> 219 <p>Designed and built with all the love in the world by the <a href="/docs/4.3/about/team/">Bootstrap team</a> with the help of <a href="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>.</p> 220 <p>Currently v4.3.1. Code licensed <a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank" rel="license noopener">MIT</a>, docs <a href="https://creativecommons.org/licenses/by/3.0/" target="_blank" rel="license noopener">CC BY 3.0</a>.</p> 221 </div> 222</footer> 223 224
224<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
vendor: 1 bytes, line 224
224
225<script>window.jQuery || document.write('
225<script src="/docs/4.3/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
225<script src="/docs/4.3/dist/js/bootstrap.bundle.js"></script>
225<script src="/docs/4.3/assets/js/vendor/anchor.min.js"></script>
225 226
226<script src="/docs/4.3/assets/js/vendor/clipboard.min.js"></script>
226 227
227<script src="/docs/4.3/assets/js/vendor/bs-custom-file-input.min.js"></script>
227 228
228<script src="/docs/4.3/assets/js/src/application.js"></script>
228 229
229<script src="/docs/4.3/assets/js/src/search.js"></script>
229 230
230<script src="/docs/4.3/assets/js/src/ie-emulation-modes-warning.js"></script>
230 231 </body> 232</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.