From 0ca2cf4ccac251bfd97c767f5608fa012673d5c3 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Wed, 18 Mar 2020 09:35:39 +0200 Subject: Dashboard example: use the core `.position-sticky` class. (#30408) --- site/content/docs/4.3/examples/dashboard/dashboard.css | 7 ------- site/content/docs/4.3/examples/dashboard/index.html | 2 +- 2 files changed, 1 insertion(+), 8 deletions(-) (limited to 'site/content/docs') diff --git a/site/content/docs/4.3/examples/dashboard/dashboard.css b/site/content/docs/4.3/examples/dashboard/dashboard.css index ef196319a..7e3ac226d 100644 --- a/site/content/docs/4.3/examples/dashboard/dashboard.css +++ b/site/content/docs/4.3/examples/dashboard/dashboard.css @@ -37,13 +37,6 @@ body { overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ } -@supports ((position: -webkit-sticky) or (position: sticky)) { - .sidebar-sticky { - position: -webkit-sticky; - position: sticky; - } -} - .sidebar .nav-link { font-weight: 500; color: #333; diff --git a/site/content/docs/4.3/examples/dashboard/index.html b/site/content/docs/4.3/examples/dashboard/index.html index a21af0186..6e549e6de 100644 --- a/site/content/docs/4.3/examples/dashboard/index.html +++ b/site/content/docs/4.3/examples/dashboard/index.html @@ -27,7 +27,7 @@ extra_js:
-
+
-
+

Cover your page.

Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.

diff --git a/site/content/docs/4.3/examples/dashboard/index.html b/site/content/docs/4.3/examples/dashboard/index.html index 6e549e6de..adfb5a9a9 100644 --- a/site/content/docs/4.3/examples/dashboard/index.html +++ b/site/content/docs/4.3/examples/dashboard/index.html @@ -102,7 +102,7 @@ extra_js:

-
+

Dashboard

diff --git a/site/content/docs/4.3/examples/floating-labels/floating-labels.css b/site/content/docs/4.3/examples/floating-labels/floating-labels.css index d6398b257..b9c5d7cdc 100644 --- a/site/content/docs/4.3/examples/floating-labels/floating-labels.css +++ b/site/content/docs/4.3/examples/floating-labels/floating-labels.css @@ -86,14 +86,3 @@ body { color: #777; } } - -/* Fallback for IE --------------------------------------------------- */ -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .form-label-group > label { - display: none; - } - .form-label-group input:-ms-input-placeholder { - color: #777; - } -} diff --git a/site/content/docs/4.3/examples/navbar-fixed/index.html b/site/content/docs/4.3/examples/navbar-fixed/index.html index 382235645..d6404f293 100644 --- a/site/content/docs/4.3/examples/navbar-fixed/index.html +++ b/site/content/docs/4.3/examples/navbar-fixed/index.html @@ -31,7 +31,7 @@ extra_css:
-
+

Navbar example

This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser’s viewport.

diff --git a/site/content/docs/4.3/examples/navbar-static/index.html b/site/content/docs/4.3/examples/navbar-static/index.html index 4043587f7..0b6c4d273 100644 --- a/site/content/docs/4.3/examples/navbar-static/index.html +++ b/site/content/docs/4.3/examples/navbar-static/index.html @@ -31,7 +31,7 @@ extra_css:
-
+

Navbar example

This example is a quick exercise to illustrate how the top-aligned navbar works. As you scroll, this navbar remains in its original position and moves with the rest of the page.

diff --git a/site/content/docs/4.3/examples/navbars/index.html b/site/content/docs/4.3/examples/navbars/index.html index ad2649cc3..47c23aa79 100644 --- a/site/content/docs/4.3/examples/navbars/index.html +++ b/site/content/docs/4.3/examples/navbars/index.html @@ -365,7 +365,7 @@ extra_css:
-
+

Navbar examples

diff --git a/site/content/docs/4.3/examples/offcanvas/index.html b/site/content/docs/4.3/examples/offcanvas/index.html index bb26ffc58..4a8501e3a 100644 --- a/site/content/docs/4.3/examples/offcanvas/index.html +++ b/site/content/docs/4.3/examples/offcanvas/index.html @@ -63,7 +63,7 @@ body_class: "bg-light"
-
+
diff --git a/site/content/docs/4.3/examples/starter-template/index.html b/site/content/docs/4.3/examples/starter-template/index.html index 91701691f..0a6ea6291 100644 --- a/site/content/docs/4.3/examples/starter-template/index.html +++ b/site/content/docs/4.3/examples/starter-template/index.html @@ -40,7 +40,7 @@ extra_css:
-
+

Bootstrap starter template

diff --git a/site/content/docs/4.3/examples/sticky-footer-navbar/index.html b/site/content/docs/4.3/examples/sticky-footer-navbar/index.html index 6620c6941..4203772d7 100644 --- a/site/content/docs/4.3/examples/sticky-footer-navbar/index.html +++ b/site/content/docs/4.3/examples/sticky-footer-navbar/index.html @@ -37,7 +37,7 @@ body_class: "d-flex flex-column h-100" -
+

Sticky footer with fixed navbar

Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with padding-top: 60px; on the main > .container.

diff --git a/site/content/docs/4.3/examples/sticky-footer/index.html b/site/content/docs/4.3/examples/sticky-footer/index.html index 3e52a62e3..7a6e127cd 100644 --- a/site/content/docs/4.3/examples/sticky-footer/index.html +++ b/site/content/docs/4.3/examples/sticky-footer/index.html @@ -9,7 +9,7 @@ include_js: false --- -
+

Sticky footer

Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

diff --git a/site/content/docs/4.3/forms/form-control.md b/site/content/docs/4.3/forms/form-control.md index 30b569edf..060af37ff 100644 --- a/site/content/docs/4.3/forms/form-control.md +++ b/site/content/docs/4.3/forms/form-control.md @@ -78,8 +78,6 @@ If you want to have `` elements in your form styled as plain tex ## Color -Keep in mind color inputs are [not supported in IE](https://caniuse.com/#feat=input-color). - {{< example >}}
diff --git a/site/content/docs/4.3/getting-started/browsers-devices.md b/site/content/docs/4.3/getting-started/browsers-devices.md index 0b84930cb..b6600db0e 100644 --- a/site/content/docs/4.3/getting-started/browsers-devices.md +++ b/site/content/docs/4.3/getting-started/browsers-devices.md @@ -8,7 +8,7 @@ toc: true ## Supported browsers -Bootstrap supports the **latest, stable releases** of all major browsers and platforms. On Windows, **we support Internet Explorer 11 / Microsoft Edge**. +Bootstrap supports the **latest, stable releases** of all major browsers and platforms. On Windows, **we support Microsoft Edge**. Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform's web view API, are not explicitly supported. However, Bootstrap should (in most cases) display and function correctly in these browsers as well. More specific support information is provided below. @@ -64,7 +64,6 @@ Similarly, the latest versions of most desktop browsers are supported. Chrome Firefox - Internet Explorer Microsoft Edge Opera Safari @@ -75,7 +74,6 @@ Similarly, the latest versions of most desktop browsers are supported. Mac Supported Supported - — Supported Supported Supported @@ -84,7 +82,6 @@ Similarly, the latest versions of most desktop browsers are supported. Windows Supported Supported - IE11 only Supported Supported — @@ -94,11 +91,11 @@ Similarly, the latest versions of most desktop browsers are supported. For Firefox, in addition to the latest normal stable release, we also support the latest [Extended Support Release (ESR)](https://www.mozilla.org/en-US/firefox/organizations/#faq) version of Firefox. -Unofficially, Bootstrap should look and behave well enough in Chromium and Chrome for Linux, Firefox for Linux, and Internet Explorer 9, though they are not officially supported. +Unofficially, Bootstrap should look and behave well enough in Chromium and Chrome for Linux, and Firefox for Linux, though they are not officially supported. ## Internet Explorer -Internet Explorer 11 is supported; IE10 and down is not. Please be aware that some CSS3 properties and HTML5 elements are not fully supported in Internet Explorer, or require prefixed properties for full functionality. Visit [Can I use...](https://caniuse.com/) for details on browser support of CSS3 and HTML5 features. **If you require IE10 support, use Bootstrap 4.** +Internet Explorer is not supported. **If you require Internet Explorer support, please use Bootstrap v4.** ## Modals and dropdowns on mobile diff --git a/site/content/docs/4.3/getting-started/javascript.md b/site/content/docs/4.3/getting-started/javascript.md index f02ea5bc7..3c5eecf36 100644 --- a/site/content/docs/4.3/getting-started/javascript.md +++ b/site/content/docs/4.3/getting-started/javascript.md @@ -227,40 +227,3 @@ var tooltip = new bootstrap.Tooltip(yourTooltipEl, { } }) {{< /highlight >}} - -## Compatibility with IE 11 - -Bootstrap v5 isn't designed to work with Internet Explorer 11, but you can add the following polyfills to make it work: - -{{< highlight html >}} - - - -{{< /highlight >}} diff --git a/site/content/docs/4.3/getting-started/theming.md b/site/content/docs/4.3/getting-started/theming.md index ad028b792..dcaa593f1 100644 --- a/site/content/docs/4.3/getting-started/theming.md +++ b/site/content/docs/4.3/getting-started/theming.md @@ -221,7 +221,7 @@ You can also specify a base color with our color map functions: #### Escape SVG -We use the `escape-svg` function to escape the `<`, `>` and `#` characters for SVG background images. These characters need to be escaped to properly render the background images in IE. +We use the `escape-svg` function to escape the `<`, `>` and `#` characters for SVG background images. #### Add and Subtract functions diff --git a/site/content/docs/4.3/helpers/position.md b/site/content/docs/4.3/helpers/position.md index c44002ae9..ef7ab0dfc 100644 --- a/site/content/docs/4.3/helpers/position.md +++ b/site/content/docs/4.3/helpers/position.md @@ -26,8 +26,6 @@ Position an element at the bottom of the viewport, from edge to edge. Be sure yo Position an element at the top of the viewport, from edge to edge, but only after you scroll past it. The `.sticky-top` utility uses CSS's `position: sticky`, which isn't fully supported in all browsers. -**IE11 and IE10 will render `position: sticky` as `position: relative`.** As such, we wrap the styles in a `@supports` query, limiting the stickiness to only browsers that can render it properly. - {{< highlight html >}}
...
{{< /highlight >}} diff --git a/site/content/docs/4.3/layout/grid.md b/site/content/docs/4.3/layout/grid.md index 82ee25f1f..cba764b3e 100644 --- a/site/content/docs/4.3/layout/grid.md +++ b/site/content/docs/4.3/layout/grid.md @@ -520,7 +520,7 @@ In practice, here's how it looks. Note you can continue to use this with all oth ## Alignment -Use flexbox alignment utilities to vertically and horizontally align columns. **Internet Explorer 10-11 do not support vertical alignment of flex items when the flex container has a `min-height` as shown below.** [See Flexbugs #3 for more details.](https://github.com/philipwalton/flexbugs#flexbug-3) +Use flexbox alignment utilities to vertically and horizontally align columns. ### Vertical alignment diff --git a/site/content/docs/4.3/migration.md b/site/content/docs/4.3/migration.md index 91d4bf20c..7c0541c00 100644 --- a/site/content/docs/4.3/migration.md +++ b/site/content/docs/4.3/migration.md @@ -11,7 +11,7 @@ toc: true See the browser and devices page for details on what is currently supported in Bootstrap 5. Since v4, here's what's changed to our browser support: -- Dropped support for Internet Explorer NN +- Dropped support for Internet Explorer 10 and 11 - Dropped support for Firefox NN - MM - Dropped support for Safari NN - Dropped support for iOS Safari NN diff --git a/site/content/docs/4.3/utilities/flex.md b/site/content/docs/4.3/utilities/flex.md index 9ce4f27c5..58043a47a 100644 --- a/site/content/docs/4.3/utilities/flex.md +++ b/site/content/docs/4.3/utilities/flex.md @@ -296,8 +296,6 @@ Responsive variations also exist for `flex-grow` and `flex-shrink`. Flexbox can do some pretty awesome things when you mix flex alignments with auto margins. Shown below are three examples of controlling flex items via auto margins: default (no auto margin), pushing two items to the right (`.mr-auto`), and pushing two items to the left (`.ml-auto`). -**Unfortunately, IE10 and IE11 do not properly support auto margins on flex items whose parent has a non-default `justify-content` value.** [See this StackOverflow answer](https://stackoverflow.com/a/37535548) for more details. - {{< example >}}
Flex item
-- cgit v1.2.3 From 27ec3e86906bb85b5a35ff163f0ab6be2ea3867c Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Wed, 18 Mar 2020 09:15:16 +0100 Subject: Update Legacy Edge support --- site/content/docs/4.3/getting-started/browsers-devices.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'site/content/docs') diff --git a/site/content/docs/4.3/getting-started/browsers-devices.md b/site/content/docs/4.3/getting-started/browsers-devices.md index b6600db0e..97011fdd4 100644 --- a/site/content/docs/4.3/getting-started/browsers-devices.md +++ b/site/content/docs/4.3/getting-started/browsers-devices.md @@ -8,7 +8,7 @@ toc: true ## Supported browsers -Bootstrap supports the **latest, stable releases** of all major browsers and platforms. On Windows, **we support Microsoft Edge**. +Bootstrap supports the **latest, stable releases** of all major browsers and platforms. This also includes the latest version of Legacy Edge (EdgeHTML layout engine). Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform's web view API, are not explicitly supported. However, Bootstrap should (in most cases) display and function correctly in these browsers as well. More specific support information is provided below. -- cgit v1.2.3 From a523caab8711ce7438b29f30070c215344adb2ab Mon Sep 17 00:00:00 2001 From: satotake Date: Fri, 20 Mar 2020 04:11:29 +0900 Subject: Fix commonmark syntax (#30276) * Fix commonmark syntax related https://github.com/gohugoio/hugo/issues/6553 * Fix indentation Co-authored-by: XhmikosR --- site/content/docs/4.3/content/tables.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'site/content/docs') diff --git a/site/content/docs/4.3/content/tables.md b/site/content/docs/4.3/content/tables.md index 12aac11c9..d5dc98347 100644 --- a/site/content/docs/4.3/content/tables.md +++ b/site/content/docs/4.3/content/tables.md @@ -459,15 +459,15 @@ Use contextual classes to color table rows or individual cells. Cell Cell -{{< table.inline >}} - {{- range (index $.Site.Data "theme-colors") }} - - {{ .name | title }} - Cell - Cell - - {{- end -}} -{{< /table.inline >}} + {{< table.inline >}} + {{- range (index $.Site.Data "theme-colors") }} + + {{ .name | title }} + Cell + Cell + + {{- end -}} + {{< /table.inline >}}
-- cgit v1.2.3