diff options
Diffstat (limited to 'docs/5.2/customize/overview/index.html')
-rw-r--r-- | docs/5.2/customize/overview/index.html | 41 |
1 files changed, 17 insertions, 24 deletions
diff --git a/docs/5.2/customize/overview/index.html b/docs/5.2/customize/overview/index.html index e87c8caf99..8e378caa31 100644 --- a/docs/5.2/customize/overview/index.html +++ b/docs/5.2/customize/overview/index.html @@ -189,11 +189,11 @@ <hr class="d-lg-none text-white-50"> - + <div class="bd-search" id="docsearch" data-bd-docs-version="5.2"></div> <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"> @@ -209,12 +209,6 @@ </a> </li> <li class="nav-item col-6 col-lg-auto"> - <a class="nav-link py-2 px-0 px-lg-2" href="https://bootstrap-slack.herokuapp.com/" target="_blank" rel="noopener"> - <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="navbar-nav-svg" viewBox="0 0 512 512" role="img"><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> - <small class="d-lg-none ms-2">Slack</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" fill="currentColor" fill-rule="evenodd" class="navbar-nav-svg" 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> @@ -224,7 +218,7 @@ <div class="vr d-none d-lg-flex h-100 mx-lg-2 text-white"></div> <hr class="d-lg-none text-white-50"> </li> - + <li class="nav-item dropdown"> <button type="button" class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-bs-display="static"> @@ -260,7 +254,7 @@ </header> - + <div class="container-xxl bd-gutter mt-3 my-md-4 bd-layout"> <aside class="bd-sidebar"> <div class="offcanvas-lg offcanvas-start" tabindex="-1" id="bdSidebar" aria-labelledby="bdSidebarOffcanvasLabel"> @@ -486,56 +480,56 @@ </div> - + <div class="bd-content ps-lg-2"> - + <div class="row g-3"> - + <div class="col-md-6"> <a class="d-block text-decoration-none" href="../sass/"> <strong class="d-block h5 mb-0">Sass</strong> <span class="text-secondary">Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.</span> </a> </div> - + <div class="col-md-6"> <a class="d-block text-decoration-none" href="../options/"> <strong class="d-block h5 mb-0">Options</strong> <span class="text-secondary">Customize Bootstrap with built-in variables to easily toggle global CSS preferences.</span> </a> </div> - + <div class="col-md-6"> <a class="d-block text-decoration-none" href="../color/"> <strong class="d-block h5 mb-0">Color</strong> <span class="text-secondary">Learn about and customize the color systems that support the entire toolkit.</span> </a> </div> - + <div class="col-md-6"> <a class="d-block text-decoration-none" href="../components/"> <strong class="d-block h5 mb-0">Components</strong> <span class="text-secondary">Learn how we build nearly all our components responsively and with base and modifier classes.</span> </a> </div> - + <div class="col-md-6"> <a class="d-block text-decoration-none" href="../css-variables/"> <strong class="d-block h5 mb-0">CSS variables</strong> <span class="text-secondary">Use Bootstrap's CSS custom properties for fast and forward-looking design and development.</span> </a> </div> - + <div class="col-md-6"> <a class="d-block text-decoration-none" href="../optimize/"> <strong class="d-block h5 mb-0">Optimize</strong> <span class="text-secondary">Keep your projects lean, responsive, and maintainable so you can deliver the best experience.</span> </a> </div> - + </div> - + <h2 id="overview">Overview <a class="anchor-link" href="#overview" aria-label="Link to this section: Overview"></a></h2> <p>There are multiple ways to customize Bootstrap. Your best path can depend on your project, the complexity of your build tools, the version of Bootstrap you’re using, browser support, and more.</p> @@ -619,7 +613,6 @@ <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://bootstrap-slack.herokuapp.com/">Slack</a></li> <li class="mb-2"><a href="https://stackoverflow.com/questions/tagged/bootstrap-5">Stack Overflow</a></li> </ul> </div> @@ -636,12 +629,12 @@ <script src="/docs/5.2/assets/js/docs.min.js"></script> <script> - + document.querySelectorAll('.btn-edit').forEach(btn => { btn.addEventListener('click', event => { const htmlSnippet = event.target.closest('.bd-code-snippet').querySelector('.bd-example').innerHTML - + const classes = Array.from(event.target.closest('.bd-code-snippet').querySelector('.bd-example').classList).join(' ') const jsSnippet = event.target.closest('.bd-code-snippet').querySelector('.btn-edit').getAttribute('data-sb-js-snippet') @@ -685,7 +678,7 @@ ${htmlSnippet.replace(/^/gm, ' ')} </script> - + <div class="position-fixed"><input type="text" tabindex="-1"></div> </body> |