diff options
Diffstat (limited to '2022/11/11/bootstrap-icons-1-10-0/index.html')
| -rw-r--r-- | 2022/11/11/bootstrap-icons-1-10-0/index.html | 378 |
1 files changed, 378 insertions, 0 deletions
diff --git a/2022/11/11/bootstrap-icons-1-10-0/index.html b/2022/11/11/bootstrap-icons-1-10-0/index.html new file mode 100644 index 00000000..cfa91758 --- /dev/null +++ b/2022/11/11/bootstrap-icons-1-10-0/index.html @@ -0,0 +1,378 @@ +<!doctype html> +<html lang="en" class="no-js"> + <head> + <meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<link href="https://gmpg.org/xfn/11" rel="profile"> +<link rel="canonical" href="https://blog.getbootstrap.com/2022/11/11/bootstrap-icons-1-10-0/"> + +<meta name="description" content="Bootstrap Icons v1.10.0 is here with nearly 150 new icons. This release includes tons of new variants for person, building, and database icons, plus new brands, rockets, road signs, globes, and many more. We’re now at over 1,900 icons! +150 new icons Here’s a quick look at all the new icons in v1.10.0: +Some highlights for the new icons include: +22 new person icons 26 new house icons 24 new building icons, including a renamed building to buildings 22 new database icons 24 new street sign icons New globe icons New EV, taxi, bus, and scooter transportation icons New rockets and more!"> +<meta name="generator" content="Hugo 0.105.0"> + + + +<title>Bootstrap Icons v1.10.0 | Bootstrap Blog</title> + + + +<link href="/assets/css/style.css" rel="stylesheet"> + + +<link rel="alternate" type="application/rss+xml" href="https://blog.getbootstrap.com/feed.xml" title="Bootstrap Blog"> + +<!-- Favicons --> +<link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180"> +<link rel="icon" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png"> +<link rel="icon" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png"> +<link rel="manifest" href="/assets/img/favicons/manifest.json"> +<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9"> +<link rel="icon" href="/assets/img/favicons/favicon.ico"> +<meta name="theme-color" content="#712cf9"> + +<meta name="author" content="Mark Otto"> + +<!-- Twitter --> +<meta name="twitter:card" content="summary_large_image"/> +<meta name="twitter:image" content="https://blog.getbootstrap.com/assets/img/bootstrap-social.png"/> + +<meta name="twitter:title" content="Bootstrap Icons v1.10.0"/> +<meta name="twitter:description" content="Bootstrap Icons v1.10.0 is here with nearly 150 new icons. This release includes tons of new variants for person, building, and database icons, plus new brands, rockets, road signs, globes, and many more. We’re now at over 1,900 icons! +150 new icons Here’s a quick look at all the new icons in v1.10.0: +Some highlights for the new icons include: +22 new person icons 26 new house icons 24 new building icons, including a renamed building to buildings 22 new database icons 24 new street sign icons New globe icons New EV, taxi, bus, and scooter transportation icons New rockets and more!"/> +<meta name="twitter:creator" content="@mdo"> + +<!-- Facebook --> +<meta property="og:title" content="Bootstrap Icons v1.10.0" /> +<meta property="og:description" content="Bootstrap Icons v1.10.0 is here with nearly 150 new icons. This release includes tons of new variants for person, building, and database icons, plus new brands, rockets, road signs, globes, and many more. We’re now at over 1,900 icons! +150 new icons Here’s a quick look at all the new icons in v1.10.0: +Some highlights for the new icons include: +22 new person icons 26 new house icons 24 new building icons, including a renamed building to buildings 22 new database icons 24 new street sign icons New globe icons New EV, taxi, bus, and scooter transportation icons New rockets and more!" /> +<meta property="og:type" content="article" /> +<meta property="og:url" content="https://blog.getbootstrap.com/2022/11/11/bootstrap-icons-1-10-0/" /><meta property="og:image" content="https://blog.getbootstrap.com/assets/img/bootstrap-social.png"/><meta property="article:section" content="posts" /> +<meta property="article:published_time" content="2022-11-11T00:01:00+00:00" /> +<meta property="article:modified_time" content="2022-11-11T00:01:00+00:00" /> + +<meta property="og:image:width" content="2000"> +<meta property="og:image:height" content="1000"> + +<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-12', 'getbootstrap.com'); + ga('set', 'anonymizeIp', true); + ga('send', 'pageview'); +</script> +<script async src="https://www.google-analytics.com/analytics.js"></script> + +<script> + (function(html) { + html.className = html.className.replace(/\bno-js\b/, ''); + })(document.documentElement); +</script> + + + </head> + <body> + <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> + <symbol id="archive" viewBox="0 0 16 16"> + <path d="M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 12.5V5a1 1 0 0 1-1-1V2zm2 3v7.5A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5V5H2zm13-3H1v2h14V2zM5 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/> + </symbol> + <symbol id="file-earmark-richtext" viewBox="0 0 16 16"> + <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/> + <path d="M4.5 12.5A.5.5 0 0 1 5 12h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm0-2A.5.5 0 0 1 5 10h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm1.639-3.708 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V8.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V8s1.54-1.274 1.639-1.208zM6.25 6a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z"/> + </symbol> + <symbol id="film" viewBox="0 0 16 16"> + <path d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z"/> + </symbol> + <symbol id="rss" viewBox="0 0 16 16"> + <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/> + <path d="M5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-3-8.5a1 1 0 0 1 1-1c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1 6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1-1-1z"/> + </symbol> + <symbol id="three-dots" viewBox="0 0 16 16"> + <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/> + </symbol> +</svg> + + <header class="navbar navbar-expand-lg navbar-dark bd-navbar sticky-top"> + <nav class="container-xxl bd-gutter flex-wrap flex-lg-nowrap" aria-label="Main navigation"> + <div class="d-lg-none" style="width: 2.25rem;"></div> + + <a class="navbar-brand p-0 me-0 me-lg-2" href="/" aria-label="Bootstrap"> + <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="d-block my-1" viewBox="0 0 118 94" role="img"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z" fill="currentColor"/></svg> + </a> + + <button class="navbar-toggler d-flex d-lg-none order-3 p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#bdNavbar" aria-controls="bdNavbar" aria-expanded="false" aria-label="Toggle navigation"> + <svg class="bi" width="24" height="24" aria-hidden="true"><use xlink:href="#three-dots"></use></svg> + </button> + + <div class="offcanvas-lg offcanvas-end flex-grow-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel"> + <div class="offcanvas-header px-4 pb-0"> + <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5> + <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button> + </div> + + <div class="offcanvas-body p-4 pt-0 p-lg-0"> + <hr class="d-lg-none text-white-50"> + <ul class="navbar-nav flex-row flex-wrap bd-navbar-nav"> + <li class="nav-item col-6 col-lg-auto"> + <a class="nav-link py-2 px-0 px-lg-2" href="https://getbootstrap.com/docs/5.2/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Docs</a> + </li> + <li class="nav-item col-6 col-lg-auto"> + <a class="nav-link py-2 px-0 px-lg-2" href="https://getbootstrap.com/docs/5.2/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> + </li> + <li class="nav-item col-6 col-lg-auto"> + <a class="nav-link py-2 px-0 px-lg-2" href="https://icons.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Icons');" target="_blank" rel="noopener">Icons</a> + </li> + <li class="nav-item col-6 col-lg-auto"> + <a class="nav-link py-2 px-0 px-lg-2" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a> + </li> + <li class="nav-item col-6 col-lg-auto"> + <a class="nav-link py-2 px-0 px-lg-2 active" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" rel="noopener">Blog</a> + </li> + </ul> + + <hr class="d-lg-none text-white-50"> + + <ul class="navbar-nav flex-row flex-wrap ms-md-auto"> + <li class="nav-item col-6 col-lg-auto"> + <a class="nav-link py-2 px-0 px-lg-2" href="https://github.com/twbs" target="_blank" rel="noopener"> + <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="navbar-nav-svg" viewBox="0 0 512 499.36" role="img"><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> + + <small class="d-lg-none ms-2">GitHub</small> + </a> + </li> + <li class="nav-item col-6 col-lg-auto"> + <a class="nav-link py-2 px-0 px-lg-2" href="https://twitter.com/getbootstrap" target="_blank" rel="noopener"> + <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="navbar-nav-svg" viewBox="0 0 512 416.32" role="img"><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> + + <small class="d-lg-none ms-2">Twitter</small> + </a> + </li> + <li class="nav-item col-6 col-lg-auto"> + <a class="nav-link py-2 px-0 px-lg-2" href="https://opencollective.com/bootstrap" target="_blank" rel="noopener"> + <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="navbar-nav-svg" fill="currentColor" fill-rule="evenodd" viewBox="0 0 40 41" role="img"><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> + + <small class="d-lg-none ms-2">Open Collective</small> + </a> + </li> + </ul> + </div> + </div> + </nav> +</header> + + + <div class="container-xxl px-4 px-xxl-2"> + <div class="d-lg-grid" id="content"> + <div class="sidebar"> + <div class="masthead py-5"> + <div class="mb-4 text-center text-lg-start"> + <a class="flex-shrink-0 mb-lg-3 link-dark text-decoration-none" href="/" aria-label="Bootstrap"> + <img src="/assets/brand/bootstrap-logo-shadow.png" width="200" height="165" alt="Bootstrap" class="bd-booticon d-block mx-auto mb-3 mx-lg-0"> + </a> + <div class="ms-3 ms-lg-0"> + <h1 class="mb-1 mb-lg-2 f1 fw-600">The Bootstrap Blog</h1> + <p class="col-sm-8 col-lg-12 mx-auto mb-0 mb-lg-4"> + News and announcements for all things <a href="https://getbootstrap.com/" title="Visit the Bootstrap docs">Bootstrap</a>, + including new releases, <a href="https://themes.getbootstrap.com/" title="Browse the official Bootstrap themes">Bootstrap Themes</a>, + and <a href="https://icons.getbootstrap.com/" title="Official open source Bootstrap Icons">Bootstrap Icons</a>. + </p> + </div> + </div> + + <nav class="nav nav-pills justify-content-center flex-lg-column justify-content-lg-start gap-1 sidebar-nav"> + <a class="nav-link d-flex align-items-center text-dark" href="/"> + <svg class="bi me-2 f5 bd-text-purple"><use xlink:href="#file-earmark-richtext"></use></svg> + All posts + </a> + <a class="nav-link d-flex align-items-center text-dark" href="/archive/"> + <svg class="bi me-2 f5 text-primary"><use xlink:href="#archive"></use></svg> + Archive + </a> + <a class="nav-link d-flex align-items-center text-dark" href="/videos/"> + <svg class="bi me-2 f5 text-info"><use xlink:href="#film"></use></svg> + Videos + </a> + <a class="nav-link d-flex align-items-center text-dark" href="https://blog.getbootstrap.com/feed.xml"> + <svg class="bi me-2 f5 text-warning"><use xlink:href="#rss"></use></svg> + Subscribe + </a> + </nav> + + <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJJ&placement=bloggetbootstrapcom" id="_carbonads_js"></script> + +</div> + + </div> + <div class="main"> + +<div class="posts-container mx-auto my-5"> + <div class="post"> + <h1 class="post-title fw-600">Bootstrap Icons v1.10.0</h1> + <div class="d-flex align-items-center mb-4 text-muted author-info"> + <a class="d-flex align-items-center text-muted text-decoration-none" href="https://github.com/mdo" target="_blank" rel="noopener"> + <img class="mb-0 me-2 rounded-2" srcset="https://github.com/mdo.png?size=32, https://github.com/mdo.png?size=64 2x" + src="https://github.com/mdo.png?size=32" + alt="" width="32" height="32"> + <span>@mdo</span> + </a> + <span class="d-flex align-items-center ms-3" title="11 Nov 22 00:01 UTC"> + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="me-2" viewBox="0 0 16 16" role="img" fill="currentColor"> + <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/> + <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> +</svg> + + November 11, 2022 + </span> +</div> +<p><a href="https://icons.getbootstrap.com">Bootstrap Icons v1.10.0</a> is here with nearly 150 new icons. This release includes tons of new variants for person, building, and database icons, plus new brands, rockets, road signs, globes, and many more. We’re now at <strong>over 1,900 icons</strong>!</p> +<h2 id="150-new-icons">150 new icons</h2> +<p>Here’s a quick look at all the new icons in v1.10.0:</p> +<p><img src="/assets/img/2022/11/bootstrap-icons-v1100.png" class="d-block img-fluid mb-2 rounded border" alt="New love icons in v1.10.0" loading="lazy" width="1520" height="1664"> +</p> +<p>Some highlights for the new icons include:</p> +<ul> +<li>22 new person icons</li> +<li>26 new house icons</li> +<li>24 new building icons, including a renamed <code>building</code> to <code>buildings</code></li> +<li>22 new database icons</li> +<li>24 new street sign icons</li> +<li>New globe icons</li> +<li>New EV, taxi, bus, and scooter transportation icons</li> +<li>New rockets</li> +<li>and more!</li> +</ul> +<p>We also fixed the fill rules for several some issues across the docs, including:</p> +<ul> +<li>De-duped category names <code>Brand</code> and <code>Brands</code> to be just <code>Brand</code></li> +<li>Updated tags on several icon pages for additional aliases</li> +</ul> +<p><em>Looking for more new icons? Head to the <a href="https://github.com/twbs/icons/issues">issue tracker</a> to check for open requests or submit a new one.</em></p> +<h2 id="install">Install</h2> +<p>To get started, install or update via npm:</p> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm i bootstrap-icons +</span></span></code></pre></div><p>Or Composer:</p> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">composer require twbs/bootstrap-icons +</span></span></code></pre></div><p>You can also <a href="https://github.com/twbs/icons/releases/tag/v1.9.0">download the release from GitHub</a>, or <a href="https://github.com/twbs/icons/releases/download/v1.9.0/bootstrap-icons-1.9.0.zip">download just the SVGs and fonts</a> (without the rest of the repository files).</p> +<h2 id="figma">Figma</h2> +<p>The Figma file is now published to the Figma Community! It’s the same <a href="https://www.figma.com/community/file/1042482994486402696/Bootstrap-Icons">Bootstrap Icons Figma file</a> you’ve seen from previous releases, just a little more accessible to those using the app.</p> + + </div> + + <div class="related"> + <h2>Related posts</h2> + <ul class="related-posts list-unstyled"> + <li> + <h4> + <a href="/2022/07/13/bootstrap-icons-1-9-0/"> + Bootstrap Icons v1.9.0 + <small>13 Jul 2022</small> + </a> + </h4> + </li><li> + <h4> + <a href="/2022/05/13/bootstrap-icons-1-8-2/"> + Bootstrap Icons v1.8.2 + <small>13 May 2022</small> + </a> + </h4> + </li><li> + <h4> + <a href="/2022/01/31/bootstrap-icons-1-8-0/"> + Bootstrap Icons v1.8.0 + <small>31 Jan 2022</small> + </a> + </h4> + </li> + </ul> + </div> +</div> + </div> + </div> + </div> + + <footer class="bd-footer py-4 py-md-5 mt-5 bg-light"> + <div class="container py-4 py-md-5 px-4 px-md-3"> + <div class="row"> + <div class="col-lg-3 mb-3"> + <a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="/" aria-label="Bootstrap"> + <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="d-block me-2" viewBox="0 0 118 94" role="img"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z" fill="currentColor"/></svg> + <span class="fs-5">Bootstrap</span> + </a> + <ul class="list-unstyled small text-muted"> + <li class="mb-2">Designed and built with all the love in the world by the <a href="https://getbootstrap.com/docs/5.2/about/team/">Bootstrap team</a> with the help of <a href="https://github.com/twbs/blog/graphs/contributors">our contributors</a>.</li> + </ul> + </div> + <div class="col-6 col-lg-2 offset-lg-1 mb-3"> + <h5>Links</h5> + <ul class="list-unstyled"> + <li class="mb-2"><a href="https://getbootstrap.com/">Home</a></li> + <li class="mb-2"><a href="https://getbootstrap.com/docs/5.2/">Docs</a></li> + <li class="mb-2"><a href="https://getbootstrap.com/docs/5.2/examples/">Examples</a></li> + <li class="mb-2"><a href="https://icons.getbootstrap.com/">Icons</a></li> + <li class="mb-2"><a href="https://themes.getbootstrap.com/">Themes</a></li> + <li class="mb-2"><a href="https://blog.getbootstrap.com/">Blog</a></li> + <li class="mb-2"><a href="">Swag Store</a></li> + </ul> + </div> + <div class="col-6 col-lg-2 mb-3"> + <h5>Guides</h5> + <ul class="list-unstyled"> + <li class="mb-2"><a href="https://getbootstrap.com/docs/5.2/getting-started/">Getting started</a></li> + <li class="mb-2"><a href="https://getbootstrap.com/docs/5.2/examples/starter-template/">Starter template</a></li> + <li class="mb-2"><a href="https://getbootstrap.com/docs/5.2/getting-started/webpack/">Webpack</a></li> + <li class="mb-2"><a href="https://getbootstrap.com/docs/5.2/getting-started/parcel/">Parcel</a></li> + <li class="mb-2"><a href="https://getbootstrap.com/docs/5.2/getting-started/vite/">Vite</a></li> + </ul> + </div> + <div class="col-6 col-lg-2 mb-3"> + <h5>Projects</h5> + <ul class="list-unstyled"> + <li class="mb-2"><a href="https://github.com/twbs/bootstrap">Bootstrap 5</a></li> + <li class="mb-2"><a href="https://github.com/twbs/bootstrap/tree/v4-dev">Bootstrap 4</a></li> + <li class="mb-2"><a href="https://github.com/twbs/icons">Icons</a></li> + <li class="mb-2"><a href="https://github.com/twbs/rfs">RFS</a></li> + <li class="mb-2"><a href="https://github.com/twbs/bootstrap-npm-starter">npm starter</a></li> + </ul> + </div> + <div class="col-6 col-lg-2 mb-3"> + <h5>Community</h5> + <ul class="list-unstyled"> + <li class="mb-2"><a href="https://github.com/twbs/bootstrap/issues">Issues</a></li> + <li class="mb-2"><a href="https://github.com/twbs/bootstrap/discussions">Discussions</a></li> + <li class="mb-2"><a href="https://github.com/sponsors/twbs">Corporate sponsors</a></li> + <li class="mb-2"><a href="https://opencollective.com/bootstrap">Open Collective</a></li> + <li class="mb-2"><a href="https://stackoverflow.com/questions/tagged/bootstrap-5">Stack Overflow</a></li> + </ul> + </div> + </div> + </div> +</footer> + + + <script async src="/js/bootstrap.min.js"></script> + +<script> + (function(w, d) { + var b = d.getElementsByTagName('body')[0]; + var s = d.createElement('script'); + var io = 'IntersectionObserver' in w && 'IntersectionObserverEntry' in w && + 'intersectionRatio' in w.IntersectionObserverEntry.prototype && + 'isIntersecting' in w.IntersectionObserverEntry.prototype; + var v = io ? '17.x' : '8.x'; + s.async = true; + s.src = '/assets/js/vendor/lazyload.' + v + '.iife.min.js'; + w.lazyLoadOptions = { + elements_selector: '.lazy', + threshold: 150 + }; + b.appendChild(s); + }(window, document)); +</script> + + </body> +</html> |