+++ /dev/null
-- name: Mark Otto
- user: mdo
-
-- name: Jacob Thornton
- user: fat
-
-- name: XhmikosR
- user: xhmikosr
-
-- name: GeoSot
- user: geosot
-
-- name: Patrick H. Lauke
- user: patrickhlauke
-
-- name: Julien Déramond
- user: julien-deramond
-
-- name: Gaël Poupard
- user: ffoodd
-
-- name: Rohit Sharma
- user: rohit2sharma95
-
-- name: alpadev
- user: alpadev
-
-- name: Martijn Cuppens
- user: martijncuppens
-
-- name: Johann-S
- user: johann-s
-
-- name: Gleb Mazovetskiy
- user: glebm
pages:
- title: Opacity
- title: Shadows
-# - title: About
-# section: About
-# icon: globe2
-# icon_color: indigo
-# pages:
-# - title: Overview
-# - title: Team
-# - title: Brand
-# - title: License
-# - title: Translations
+++ /dev/null
-- name: 中文(繁體)
- code: zh-tw
- description: Bootstrap 5 繁體中文手冊
- url: https://bootstrap5.hexschool.com/
-
-- name: Japanese
- code: ja
- description: Bootstrap 5 日本語リファレンス
- url: https://getbootstrap.jp/
-
-- name: Russian
- code: ru
- description: Bootstrap 5 на русском
- url: https://getbootstrap.su/
-
-- name: Korean
- code: ko
- description: Bootstrap 5 한국어 문서
- url: https://getbootstrap.kr/
</a>
<ul class="list-unstyled small">
<li class="mb-2">
- Designed and built with all the love in the world by the <a href={getVersionedDocsPath('about/team')}
- >Bootstrap team</a
- > with the help of <a href={`${getConfig().repo}/graphs/contributors`}>our contributors</a>.
+ Designed and built with all the love in the world by the Bootstrap team with the help of <a
+ href={`${getConfig().repo}/graphs/contributors`}>our contributors</a
+ >.
</li>
<li class="mb-2">
Code licensed <a href={`${getConfig().repo}/blob/main/LICENSE`} target="_blank" rel="license noopener"
+++ /dev/null
----
-title: Brand guidelines
-description: Documentation and examples for Bootstrap’s logo and brand usage guidelines.
-toc: true
----
-
-Have a need for Bootstrap’s brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well.
-
-## Logo
-
-When referencing Bootstrap, use our logo mark. Do not modify our logos in any way. Do not use Bootstrap’s branding for your own open or closed source projects.
-
-<div class="bd-brand-item px-2 py-5 mb-3 border rounded-3">
- <img class="d-block img-fluid mx-auto" src="/docs/[[config:docs_version]]/assets/brand/bootstrap-logo.svg" alt="Bootstrap" width="256" height="204" />
-</div>
-
-Our logo mark is also available in black and white. All rules for our primary logo apply to these as well.
-
-<div class="bd-brand-logos sm:d-flex text-center bg-light rounded-3 overflow-hidden w-100 mb-3">
- <div class="bd-brand-item w-100 px-2 py-5">
- <img src="/docs/[[config:docs_version]]/assets/brand/bootstrap-logo-black.svg" alt="Bootstrap" width="128" height="102" loading="lazy" />
- </div>
- <div class="bd-brand-item w-100 px-2 py-5 inverse">
- <img src="/docs/[[config:docs_version]]/assets/brand/bootstrap-logo-white.svg" alt="Bootstrap" width="128" height="102" loading="lazy" />
- </div>
-</div>
-
-## Name
-
-Bootstrap should always be referred to as just **Bootstrap**. No capital _s_.
-
-<div class="bd-brand-logos sm:d-flex text-center border rounded-3 overflow-hidden w-100 mb-3">
- <div class="bd-brand-item w-100 px-2 py-5">
- <div class="h3">Bootstrap</div>
- <strong class="text-success">Correct</strong>
- </div>
- <div class="bd-brand-item w-100 px-2 py-5">
- <div class="h3 fg-2">BootStrap</div>
- <strong class="text-danger">Incorrect</strong>
- </div>
-</div>
+++ /dev/null
----
-title: License FAQs
-description: Commonly asked questions about Bootstrap’s open source license.
----
-
-Bootstrap is released under the MIT license and is copyright {new Date().getFullYear()}. Boiled down to smaller chunks, it can be described with the following conditions.
-
-## It requires you to:
-
-- Keep the license and copyright notice included in Bootstrap’s CSS and JavaScript files when you use them in your works
-
-## It permits you to:
-
-- Freely download and use Bootstrap, in whole or in part, for personal, private, company internal, or commercial purposes
-- Use Bootstrap in packages or distributions that you create
-- Modify the source code
-- Grant a sublicense to modify and distribute Bootstrap to third parties not included in the license
-
-## It forbids you to:
-
-- Hold the authors and license owners liable for damages as Bootstrap is provided without warranty
-- Hold the creators or copyright holders of Bootstrap liable
-- Redistribute any piece of Bootstrap without proper attribution
-- Use any marks owned by Bootstrap in any way that might state or imply that Bootstrap endorses your distribution
-- Use any marks owned by Bootstrap in any way that might state or imply that you created the Bootstrap software in question
-
-## It does not require you to:
-
-- Include the source of Bootstrap itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it
-- Submit changes that you make to Bootstrap back to the Bootstrap project (though such feedback is encouraged)
-
-The full Bootstrap license is located [in the project repository]([[config:repo]]/blob/v[[config:current_version]]/LICENSE) for more information.
+++ /dev/null
----
-title: About Bootstrap
-description: Learn more about the team maintaining Bootstrap, how and why the project started, and how to get involved.
-aliases:
- - "/about/"
- - "/docs/[[config:docs_version]]/about/"
----
-
-## Team
-
-Bootstrap is maintained by a [small team of developers](https://github.com/orgs/twbs/people) on GitHub. We’re actively looking to grow this team and would love to hear from you if you’re excited about CSS at scale, writing and maintaining vanilla JavaScript plugins, and improving build tooling processes for frontend code.
-
-## History
-
-Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.
-
-Bootstrap was created at Twitter in mid-2010 by [@mdo](https://x.com/mdo) and [@fat](https://x.com/fat). Prior to being an open-sourced framework, Bootstrap was known as _Twitter Blueprint_. A few months into development, Twitter held its [first Hack Week](https://blog.x.com/engineering/en_us/a/2010/hack-week) and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.
-
-Originally [released](https://blog.x.com/developer/en_us/a/2011/bootstrap-twitter) on <time datetime="2011-08-19 11:25">Friday, August 19, 2011</time>, we’ve since had over [twenty releases]([[config:repo]]/releases), including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.
-
-With Bootstrap 4, we once again rewrote the project to account for two key architectural changes: a migration to Sass and the move to CSS’s flexbox. Our intention is to help in a small way to move the web development community forward by pushing for newer CSS properties, fewer dependencies, and new technologies across more modern browsers.
-
-In Bootstrap 5, we refined the v4 codebase with relatively few major breaking changes. We improved existing features and components, dropped support for older browsers, replaced jQuery with vanilla JavaScript, and expanded our use of CSS custom properties to modernize the framework.
-
-Our latest release, Bootstrap 6, is a major step forward that modernizes the codebase, adopts newer build tooling, and pushes customization further with CSS variables, layers, and broader updates across our components, utilities, Sass, and JavaScript.
-
-## Get involved
-
-Get involved with Bootstrap development by [opening an issue]([[config:repo]]/issues/new/choose) or submitting a pull request. Read our [contributing guidelines]([[config:repo]]/blob/v[[config:current_version]]/.github/CONTRIBUTING.md) for information on how we develop.
+++ /dev/null
----
-title: Team
-description: An overview of the founding team and core contributors to Bootstrap.
----
-
-import { getData } from '@libs/data'
-
-Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.
-
-<div class="list-group mb-3">
- {getData('core-team').map((member) => {
- return (
- <a class="list-group-item list-group-item-action d-flex align-items-center" href={`https://github.com/${member.user}`}>
- <img src={`https://github.com/${member.user}.png`} alt={`@${member.user}`} width="32" height="32" class="rounded me-2" loading="lazy"/>
- <span>
- <strong>{member.name}</strong> @{member.user}
- </span>
- </a>
- )
- })}
-</div>
-
-Get involved with Bootstrap development by [opening an issue]([[config:repo]]/issues/new/choose) or submitting a pull request. Read our [contributing guidelines]([[config:repo]]/blob/v[[config:current_version]]/.github/CONTRIBUTING.md) for information on how we develop.
+++ /dev/null
----
-title: Translations
-description: Links to community-translated Bootstrap documentation sites.
----
-
-import { getData } from '@libs/data'
-
-Community members have translated Bootstrap’s documentation into various languages. None are officially supported and they may not always be up-to-date.
-
-<ul>
- {getData('translations').map((translation) => {
- return (
- <li><a href={translation.url} hreflang={translation.code} lang={translation.code} >{translation.description} ({translation.name})</a></li>
- )
- })}
-</ul>
-
-**We don’t help organize or host translations, we just link to them.**
-
-Finished a new or better translation? Open a pull request to add it to our list.
-@use "../../../scss/colors" as *;
@use "../../../scss/layout/breakpoints" as *;
@use "variables" as *;
//
@layer custom {
- // Logo series wrapper
- .bd-brand-logos {
- color: $bd-violet;
-
- .inverse {
- color: $white;
- background-color: $bd-violet;
- }
- }
-
- // Individual items
- .bd-brand-item {
- + .bd-brand-item {
- border-block-start: 1px solid var(--bs-border-color);
- }
-
- @include media-breakpoint-up(md) {
- + .bd-brand-item {
- border-block-start: 0;
- border-inline-start: 1px solid var(--bs-border-color);
- }
- }
- }
-
//
// Color swatches
//
+++ /dev/null
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="408"><path d="M106.342 0c-29.214 0-50.827 25.58-49.86 53.32.927 26.647-.278 61.165-8.966 89.31C38.802 170.862 24.07 188.707 0 191v26c24.069 2.293 38.802 20.138 47.516 48.37 8.688 28.145 9.893 62.663 8.965 89.311C55.515 382.42 77.128 408 106.342 408h299.353c29.214 0 50.827-25.58 49.861-53.319-.928-26.648.277-61.166 8.964-89.311 8.715-28.232 23.411-46.077 47.48-48.37v-26c-24.069-2.293-38.765-20.138-47.48-48.37-8.687-28.145-9.892-62.663-8.964-89.31C456.522 25.58 434.909 0 405.695 0H106.342zm236.559 251.102c0 38.197-28.501 61.355-75.798 61.355h-87.202a2 2 0 01-2-2v-213a2 2 0 012-2h86.74c39.439 0 65.322 21.354 65.322 54.138 0 23.008-17.409 43.61-39.594 47.219v1.203c30.196 3.309 50.532 24.212 50.532 53.085zm-84.58-128.125h-45.91v64.814h38.669c29.888 0 46.373-12.03 46.373-33.535 0-20.151-14.174-31.279-39.132-31.279zm-45.91 90.53v71.431h47.605c31.12 0 47.605-12.482 47.605-35.941 0-23.46-16.947-35.49-49.608-35.49h-45.602z"/></svg>
\ No newline at end of file