- + - -
- Sleek, intuitive, and powerful front-end framework for faster and easier web development. - - Explore Bootstrap docs » - - - Report bug - · - Request feature - · - Themes - · - Blog -
+ Sleek, intuitive, and powerful front-end framework for faster and easier web development. + + Explore Bootstrap docs » + + + Report bug + · + Request feature + · + Themes + · + Blog +
Template necessary for the test.
Nulla vitae elit libero, a pharetra augue mollis interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent commodo cursus magna, vel scelerisque nisl consectetur.
Holy guacamole! Best check yo self, you\'re not looking too good.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.
' + - 'Ad leggings keytar, brunch id art party dolor labore.' + - '
' + - 'Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard.' + - '
' + uid + '
For checkboxes and radio buttons, ensure that keyboard behavior is functioning correctly.
Navigate to the checkboxes with the keyboard (generally, using TAB / SHIFT + TAB), and ensure that SPACE toggles the currently focused checkbox. Click on one of the checkboxes using the mouse, ensure that focus was correctly set on the actual checkbox, and that SPACE toggles the checkbox again.
Navigate to the radio button group with the keyboard (generally, using TAB / SHIFT + TAB). If no radio button was initially set to be selected, the first/last radio button should receive focus (depending on whether you navigated "forward" to the group with TAB or "backwards" using SHIFT + TAB). If a radio button was already selected, navigating with the keyboard should set focus to that particular radio button. Only one radio button in a group should receive focus at any given time. Ensure that the selected radio button can be changed by using the ← and → arrow keys. Click on one of the radio buttons with the mouse, ensure that focus was correctly set on the actual radio button, and that ← and → change the selected radio button again.
Ad leggings keytar, brunch id art party dolor labore.
{{ page.description | smartify }}
` https://github.com/twbs/bootstrap/issues/25410 +} diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss new file mode 100644 index 000000000..2e742e76d --- /dev/null +++ b/site/assets/scss/_masthead.scss @@ -0,0 +1,38 @@ +.bd-masthead { + padding: 3rem 0; + background: linear-gradient(165deg, tint-color($bd-purple-light, 85%) 50%, $white 50%); + + h1 { + @include font-size(4rem); + line-height: 1; + } + + p:not(.lead) { + color: $gray-700; + } + + .btn { + padding: .8rem 2rem; + font-weight: 600; + } + .lead { + @include font-size(1.5rem); + font-weight: 400; + color: $gray-700; + } +} + +@include media-breakpoint-up(md) { + .mw-md-75 { max-width: 75%; } +} + +.masthead-followup-icon { + padding: .75rem; + background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .01)); + @include border-radius(.75rem); + box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .1); +} + +.masthead-followup-svg { + filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .125)); +} diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss new file mode 100644 index 000000000..4a9b08b36 --- /dev/null +++ b/site/assets/scss/_navbar.scss @@ -0,0 +1,32 @@ +.bd-navbar { + padding: .75rem 0; + background-color: $bd-purple-bright; + + .navbar-toggler { + padding: 0; + border: 0; + } + + .navbar-nav { + .nav-link { + padding-right: $spacer / 4; + padding-left: $spacer / 4; + color: rgba($white, .85); + + &:hover, + &:focus { + color: $white; + } + + &.active { + font-weight: 600; + color: $white; + } + } + } + + .navbar-nav-svg { + width: 1rem; + height: 1rem; + } +} diff --git a/site/docs/4.2/assets/scss/_placeholder-img.scss b/site/assets/scss/_placeholder-img.scss similarity index 68% rename from site/docs/4.2/assets/scss/_placeholder-img.scss rename to site/assets/scss/_placeholder-img.scss index a9f8a41cb..90a29544e 100644 --- a/site/docs/4.2/assets/scss/_placeholder-img.scss +++ b/site/assets/scss/_placeholder-img.scss @@ -5,12 +5,11 @@ // Remember to update `site/_layouts/examples.html` too if this changes! .bd-placeholder-img { - font-size: 1.125rem; + @include font-size(1.125rem); text-anchor: middle; + user-select: none; } .bd-placeholder-img-lg { - @include media-breakpoint-up(md) { - font-size: 3.5rem; - } + @include font-size(3.5rem); } diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss new file mode 100644 index 000000000..d893ba9dc --- /dev/null +++ b/site/assets/scss/_sidebar.scss @@ -0,0 +1,87 @@ +.bd-sidebar { + @include media-breakpoint-down(md) { + margin: 0 -.75rem 1rem; + } +} + +.bd-links { + overflow: auto; + font-weight: 600; + + @include media-breakpoint-up(md) { + position: sticky; + top: 5rem; + // Override collapse behaviors + // stylelint-disable-next-line declaration-no-important + display: block !important; + height: subtract(100vh, 7rem); + // Prevent focus styles to be cut off: + padding-left: .25rem; + margin-left: -.25rem; + overflow-y: auto; + } + + > ul { + @include media-breakpoint-down(md) { + padding: 1.5rem .75rem; + background-color: $gray-100; + border-bottom: 1px solid $gray-200; + } + } + + a { + padding: .1875rem .5rem; + margin-top: .125rem; + margin-left: 1.25rem; + color: rgba($black, .65); + text-decoration: if($link-decoration == none, null, none); + + &:hover, + &:focus { + color: rgba($black, .85); + text-decoration: if($link-hover-decoration == underline, none, null); + background-color: rgba($bd-purple-bright, .1); + } + } + + .btn { + // Custom styles (as we don't have a completely neutral button style) + padding: .25rem .5rem; + font-weight: 600; + color: rgba($black, .65); + background-color: transparent; + border: 0; + + &:hover, + &:focus { + color: rgba($black, .85); + background-color: rgba($bd-purple-bright, .1); + } + + &:focus { + box-shadow: 0 0 0 1px rgba($bd-purple-bright, .7); + } + + // Add chevron if there's a submenu + &::before { + width: 1.25em; + line-height: 0; // Align in the middle + content: escape-svg($sidebar-collapse-icon); + @include transition(transform .35s ease); + transform-origin: .5em 50%; + } + + &[aria-expanded="true"] { + color: rgba($black, .85); + + &::before { + transform: rotate(90deg); + } + } + } + + .active { + font-weight: 600; + color: rgba($black, .85); + } +} diff --git a/site/assets/scss/_skippy.scss b/site/assets/scss/_skippy.scss new file mode 100644 index 000000000..ea82c625b --- /dev/null +++ b/site/assets/scss/_skippy.scss @@ -0,0 +1,7 @@ +.skippy { + background-color: $bd-purple; + + a { + color: $white; + } +} diff --git a/site/assets/scss/_subnav.scss b/site/assets/scss/_subnav.scss new file mode 100644 index 000000000..8377ff423 --- /dev/null +++ b/site/assets/scss/_subnav.scss @@ -0,0 +1,79 @@ +.bd-subnavbar { + // The position and z-index are needed for the dropdown to stay on top of the content + position: relative; + z-index: $zindex-sticky; + background-color: rgba($white, .95); + box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .15); + + .dropdown-menu { + @include font-size(.875rem); + box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05); + } + + .dropdown-item.current { + font-weight: 600; + background-image: escape-svg($dropdown-active-icon); + background-repeat: no-repeat; + background-position: right $dropdown-item-padding-x top .6rem; + background-size: .75rem .75rem; + } + + @include media-breakpoint-up(md) { + position: sticky; + top: 0; + } +} + +.bd-search { + position: relative; + + &::after { + position: absolute; + top: .4rem; + right: .4rem; + display: flex; + align-items: center; + justify-content: center; + height: 1.5rem; + padding-right: .25rem; + padding-left: .25rem; + @include font-size(.75rem); + color: $gray-600; + content: "Ctrl + /"; + border: $border-width solid $border-color; + @include border-radius(.125rem); + } + + @include media-breakpoint-down(md) { + width: 100%; + } + + .form-control { + padding-right: 3.75rem; + + &:focus { + border-color: $bd-purple-bright; + box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25); + } + } +} + +.bd-sidebar-toggle { + color: $text-muted; + + &:hover, + &:focus { + color: $bd-purple-bright; + } + + &:focus { + box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25); + } + + .bi-collapse { display: none; } + + &:not(.collapsed) { + .bi-expand { display: none; } + .bi-collapse { display: inline-block; } + } +} diff --git a/site/assets/scss/_syntax.scss b/site/assets/scss/_syntax.scss new file mode 100644 index 000000000..8120bbef2 --- /dev/null +++ b/site/assets/scss/_syntax.scss @@ -0,0 +1,102 @@ +// stylelint-disable comment-empty-line-before, declaration-block-single-line-max-declarations, selector-class-pattern + +/* Background .chroma { background-color: #f0f0f0; } */ +/* Other .chroma .x { } */ +/* Error .chroma .err { } */ +/* LineTableTD .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } */ +/* LineTable .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } */ +/* LineHighlight .chroma .hl { display: block; width: 100%; background-color: #ffffcc; } */ +/* LineNumbersTable .chroma .lnt { margin-right: .4em; padding: 0 .4em; } */ +/* LineNumbers .chroma .ln { margin-right: .4em; padding: 0 .4em; } */ + +/* Comment */ .chroma .c { color: #727272; } +/* CommentHashbang */ .chroma .ch { font-style: italic; color: #60a0b0; } +/* CommentMultiline */ .chroma .cm { color: #727272; } +/* CommentPreproc */ .chroma .cp { color: #008085; } +/* CommentPreprocFile */ .chroma .cpf { color: #007020; } +/* CommentSingle */ .chroma .c1 { color: #727272; } +/* CommentSpecial */ .chroma .cs { color: #727272; } +/* Generic .chroma .g { } */ +/* GenericDeleted */ .chroma .gd { background-color: #fcc; border: 1px solid #c00; } +/* GenericEmph */ .chroma .ge { font-style: italic; } +/* GenericError */ .chroma .gr { color: #f00; } +/* GenericHeading */ .chroma .gh { color: #030; } +/* GenericInserted */ .chroma .gi { background-color: #cfc; border: 1px solid #0c0; } +/* GenericOutput */ .chroma .go { color: #aaa; } +/* GenericPrompt */ .chroma .gp { color: #009; } +/* GenericStrong */ .chroma .gs { font-weight: 700; } +/* GenericSubheading */ .chroma .gu { color: #030; } +/* GenericTraceback */ .chroma .gt { color: #9c6; } +/* GenericUnderline */ .chroma .gl { text-decoration: underline; } +/* Keyword */ .chroma .k { color: #069; } +/* KeywordConstant */ .chroma .kc { color: #069; } +/* KeywordDeclaration */ .chroma .kd { color: #069; } +/* KeywordNamespace */ .chroma .kn { color: #069; } +/* KeywordPseudo */ .chroma .kp { color: #069; } +/* KeywordReserved */ .chroma .kr { color: #069; } +/* KeywordType */ .chroma .kt { color: #078; } +/* Literal .chroma .l { } */ +/* LiteralDate .chroma .ld { color: #c24f19 } */ +/* LiteralNumber */ .chroma .m { color: #c24f19; } +/* LiteralNumberBin */ .chroma .mb { color: #40a070; } +/* LiteralNumberFloat */ .chroma .mf { color: #c24f19; } +/* LiteralNumberHex */ .chroma .mh { color: #c24f19; } +/* LiteralNumberInteger */ .chroma .mi { color: #c24f19; } +/* LiteralNumberIntegerLong */ .chroma .il { color: #c24f19; } +/* LiteralNumberOct */ .chroma .mo { color: #c24f19; } +/* LiteralString */ .chroma .s { color: #d73038; } +/* LiteralStringAffix */ .chroma .sa { color: #4070a0; } +/* LiteralStringBacktick */ .chroma .sb { color: #c30; } +/* LiteralStringChar */ .chroma .sc { color: #c30; } +/* LiteralStringDelimiter */ .chroma .dl { color: #4070a0; } +/* LiteralStringDoc */ .chroma .sd { font-style: italic; color: #c30; } +/* LiteralStringDouble */ .chroma .s2 { color: #c30; } +/* LiteralStringEscape */ .chroma .se { color: #c30; } +/* LiteralStringHeredoc */ .chroma .sh { color: #c30; } +/* LiteralStringInterpol */ .chroma .si { color: #a00; } +/* LiteralStringOther */ .chroma .sx { color: #c30; } +/* LiteralStringRegex */ .chroma .sr { color: #337e7e; } +/* LiteralStringSingle */ .chroma .s1 { color: #c30; } +/* LiteralStringSymbol */ .chroma .ss { color: #fc3; } +/* Name .chroma .n { } */ +/* NameAttribute */ .chroma .na { color: #006ee0; } +/* NameBuiltin */ .chroma .nb { color: #366; } +/* NameBuiltinPseudo .chroma .bp { } */ +/* NameClass */ .chroma .nc { color: #168174; } +/* NameConstant */ .chroma .no { color: #360; } +/* NameDecorator */ .chroma .nd { color: #6b62de; } +/* NameEntity */ .chroma .ni { color: #727272; } +/* NameException */ .chroma .ne { color: #c00; } +/* NameFunction */ .chroma .nf { color: #b715f4; } +/* NameFunctionMagic .chroma .fm { } */ +/* NameLabel */ .chroma .nl { color: #6b62de; } +/* NameNamespace */ .chroma .nn { color: #007ca5; } +/* NameOther .chroma .nx { } */ +/* NameProperty .chroma .py { } */ +/* NameTag */ .chroma .nt { color: #2f6f9f; } +/* NameVariable */ .chroma .nv { color: #033; } +/* NameVariableClass .chroma .vc { } */ +/* NameVariableGlobal .chroma .vg { } */ +/* NameVariableInstance .chroma .vi { } */ +/* NameVariableMagic .chroma .vm { } */ +/* Operator */ .chroma .o { color: #555; } +/* OperatorWord */ .chroma .ow { color: #000; } +/* Punctuation .chroma .p { } */ +/* TextWhitespace */ .chroma .w { color: #bbb; } + +.chroma { + .language-bash, + .language-sh { + &::before { + color: #009; + content: "$ "; + user-select: none; + } + } + + .language-powershell::before { + color: #009; + content: "PM> "; + user-select: none; + } +} diff --git a/site/assets/scss/_toc.scss b/site/assets/scss/_toc.scss new file mode 100644 index 000000000..596945628 --- /dev/null +++ b/site/assets/scss/_toc.scss @@ -0,0 +1,42 @@ +// stylelint-disable selector-max-type + +.bd-toc { + @include media-breakpoint-up(lg) { + position: sticky; + top: 5rem; + right: 0; + z-index: 2; + height: subtract(100vh, 7rem); + overflow-y: auto; + } + + nav { + @include font-size(.875rem); + + ul { + padding-left: 0; + list-style: none; + + ul { + padding-left: 1rem; + margin-top: .25rem; + } + } + + li { + margin-bottom: .25rem; + } + + a { + color: inherit; + + &:not(:hover) { + text-decoration: none; + } + + code { + font: inherit; + } + } + } +} diff --git a/site/assets/scss/_variables.scss b/site/assets/scss/_variables.scss new file mode 100644 index 000000000..110600260 --- /dev/null +++ b/site/assets/scss/_variables.scss @@ -0,0 +1,13 @@ +// stylelint-disable scss/dollar-variable-default + +// Local docs variables +$bd-purple: #563d7c; +$bd-purple-bright: lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list +$bd-purple-light: lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable-line function-disallowed-list +$bd-dark: #2a2730; +$bd-download: #ffe484; +$bd-info: #5bc0de; +$bd-warning: #f0ad4e; +$bd-danger: #d9534f; +$dropdown-active-icon: url("data:image/svg+xml,"); +$sidebar-collapse-icon: url("data:image/svg+xml,"); diff --git a/site/docs/4.2/assets/scss/docs.scss b/site/assets/scss/docs.scss similarity index 79% rename from site/docs/4.2/assets/scss/docs.scss rename to site/assets/scss/docs.scss index 4b6674ad0..e3066ed2e 100644 --- a/site/docs/4.2/assets/scss/docs.scss +++ b/site/assets/scss/docs.scss @@ -1,9 +1,9 @@ /*! * Bootstrap Docs (https://getbootstrap.com/) - * Copyright 2011-2018 The Bootstrap Authors - * Copyright 2011-2018 Twitter, Inc. - * Licensed under the Creative Commons Attribution 3.0 Unported License. For - * details, see https://creativecommons.org/licenses/by/3.0/. + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under the Creative Commons Attribution 3.0 Unported License. + * For details, see https://creativecommons.org/licenses/by/3.0/. */ // Dev notes @@ -24,23 +24,25 @@ // Happy Bootstrapping! // Load Bootstrap variables and mixins -@import "../../../../../scss/functions"; -@import "../../../../../scss/variables"; -@import "../../../../../scss/mixins"; +@import "../../../scss/functions"; +@import "../../../scss/variables"; +@import "../../../scss/mixins"; // Load docs components @import "variables"; -@import "nav"; +@import "navbar"; +@import "subnav"; @import "masthead"; @import "ads"; @import "content"; @import "skippy"; @import "sidebar"; +@import "layout"; +@import "toc"; @import "footer"; @import "component-examples"; @import "buttons"; @import "callouts"; -@import "browser-bugs"; @import "brand"; @import "colors"; @import "clipboard-js"; diff --git a/site/content/404.md b/site/content/404.md new file mode 100644 index 000000000..de003f149 --- /dev/null +++ b/site/content/404.md @@ -0,0 +1,13 @@ +--- +title: "404 - File not found" +layout: 404 +description: "" +url: /404.html +robots: noindex,follow +sitemap_exclude: true +--- + + + 404 + File not found + diff --git a/site/content/docs/5.0/_index.html b/site/content/docs/5.0/_index.html new file mode 100644 index 000000000..0a758d2bf --- /dev/null +++ b/site/content/docs/5.0/_index.html @@ -0,0 +1,5 @@ +--- +layout: redirect +sitemap_exclude: true +redirect: "/docs/5.0/getting-started/introduction/" +--- diff --git a/site/content/docs/5.0/about/brand.md b/site/content/docs/5.0/about/brand.md new file mode 100644 index 000000000..80c613526 --- /dev/null +++ b/site/content/docs/5.0/about/brand.md @@ -0,0 +1,47 @@ +--- +layout: docs +title: Brand guidelines +description: Documentation and examples for Bootstrap's logo and brand usage guidelines. +group: about +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. **Do not use the Twitter name or logo** in association with Bootstrap. + + + + + +Our logo mark is also available in black and white. All rules for our primary logo apply to these as well. + + + + + + + + + + +## Name + +Bootstrap should always be referred to as just **Bootstrap**. No Twitter before it and no capital _s_. + + + + Bootstrap + Correct + + + BootStrap + Incorrect + + + Twitter Bootstrap + Incorrect + + diff --git a/site/docs/4.2/about/license.md b/site/content/docs/5.0/about/license.md similarity index 74% rename from site/docs/4.2/about/license.md rename to site/content/docs/5.0/about/license.md index 39720029d..07e60e00a 100644 --- a/site/docs/4.2/about/license.md +++ b/site/content/docs/5.0/about/license.md @@ -5,20 +5,20 @@ description: Commonly asked questions about Bootstrap's open source license. group: about --- -Bootstrap is released under the MIT license and is copyright {{ site.time | date: "%Y" }} Twitter. Boiled down to smaller chunks, it can be described with the following conditions. +Bootstrap is released under the MIT license and is copyright {{< year >}} Twitter. Boiled down to smaller chunks, it can be described with the following conditions. -#### It requires you to: +## 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 +- 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: +## 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: +## 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 @@ -26,9 +26,9 @@ Bootstrap is released under the MIT license and is copyright {{ site.time | date - Use any marks owned by Twitter in any way that might state or imply that Twitter endorses your distribution - Use any marks owned by Twitter in any way that might state or imply that you created the Twitter software in question -#### It does not require you to: +## 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]({{ site.repo }}/blob/v{{ site.current_version }}/LICENSE) for more information. +The full Bootstrap license is located [in the project repository]({{< param repo >}}/blob/v{{< param current_version >}}/LICENSE) for more information. diff --git a/site/docs/4.2/about/overview.md b/site/content/docs/5.0/about/overview.md similarity index 66% rename from site/docs/4.2/about/overview.md rename to site/content/docs/5.0/about/overview.md index 2d2e33aaf..b295eb560 100644 --- a/site/docs/4.2/about/overview.md +++ b/site/content/docs/5.0/about/overview.md @@ -3,6 +3,9 @@ layout: docs title: About description: Learn more about the team maintaining Bootstrap, how and why the project started, and how to get involved. group: about +aliases: + - "/about/" + - "/docs/5.0/about/" --- ## Team @@ -15,10 +18,12 @@ Originally created by a designer and a developer at Twitter, Bootstrap has becom Bootstrap was created at Twitter in mid-2010 by [@mdo](https://twitter.com/mdo) and [@fat](https://twitter.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.twitter.com/engineering/en_us/a/2010/hack-week.html) 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.twitter.com/developer/en_us/a/2011/bootstrap-twitter.html) on Friday, August 19, 2011, we've since had over [twenty releases]({{ site.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. +Originally [released](https://blog.twitter.com/developer/en_us/a/2011/bootstrap-twitter.html) on Friday, August 19, 2011, we've since had over [twenty releases]({{< param 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. +Our latest release, Bootstrap 5 (currently in development), focuses on improving v4's codebase with as few major breaking changes as possible. We improved existing features and components, removed support for older browsers, dropped jQuery for regular JavaScript, and embraced more future-friendly technologies like CSS custom properties as part of our tooling. + ## Get involved -Get involved with Bootstrap development by [opening an issue]({{ site.repo }}/issues/new) or submitting a pull request. Read our [contributing guidelines]({{ site.repo }}/blob/v{{ site.current_version }}/.github/CONTRIBUTING.md) for information on how we develop. +Get involved with Bootstrap development by [opening an issue]({{< param repo >}}/issues/new) or submitting a pull request. Read our [contributing guidelines]({{< param repo >}}/blob/v{{< param current_version >}}/.github/CONTRIBUTING.md) for information on how we develop. diff --git a/site/content/docs/5.0/about/team.md b/site/content/docs/5.0/about/team.md new file mode 100644 index 000000000..3c1666f29 --- /dev/null +++ b/site/content/docs/5.0/about/team.md @@ -0,0 +1,23 @@ +--- +layout: docs +title: Team +description: An overview of the founding team and core contributors to Bootstrap. +group: about +--- + +Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community. + +{{< team.inline >}} + + {{- range (index $.Site.Data "core-team") }} + + + + {{ .name }} @{{ .user }} + + + {{ end -}} + +{{< /team.inline >}} + +Get involved with Bootstrap development by [opening an issue]({{< param repo >}}/issues/new) or submitting a pull request. Read our [contributing guidelines]({{< param repo >}}/blob/v{{< param current_version >}}/.github/CONTRIBUTING.md) for information on how we develop. diff --git a/site/docs/4.2/about/translations.md b/site/content/docs/5.0/about/translations.md similarity index 69% rename from site/docs/4.2/about/translations.md rename to site/content/docs/5.0/about/translations.md index 576259d35..e719e3a84 100644 --- a/site/docs/4.2/about/translations.md +++ b/site/content/docs/5.0/about/translations.md @@ -7,11 +7,13 @@ group: about Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date. +{{< translations.inline >}}
.accordion-body
.accordion-flush
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
close
.fade
.show
dispose
getInstance
bootstrap.Alert.getInstance(alert)
close.bs.alert
closed.bs.alert
toggle
Some quick example text to build on the card title and make up the bulk of the card's content.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. + A well-known quote, contained in a blockquote element.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
A well-known quote, contained in a blockquote element.
With supporting text below as a natural lead-in to additional content.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
This card has supporting text below as a natural lead-in to additional content.
This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a longer card with supporting text below as a natural lead-in to additional content.
+ 
+