Remove Internet Explorer leftovers

26 files changed, 23 insertions, 80 deletions

diff --git a/site/content/docs/4.3/examples/album/index.html b/site/content/docs/4.3/examples/album/index.html
index 05e80a032..5219acbba 100644
--- a/site/content/docs/4.3/examples/album/index.html
+++ b/site/content/docs/4.3/examples/album/index.html
@@ -35,7 +35,7 @@ title: Album example
   </div>
 </header>
 
-<main role="main">
+<main>
 
   <section class="py-5 text-center container">
     <div class="row py-lg-5">
diff --git a/site/content/docs/4.3/examples/blog/index.html b/site/content/docs/4.3/examples/blog/index.html
index 4baee1942..be7801350 100644
--- a/site/content/docs/4.3/examples/blog/index.html
+++ b/site/content/docs/4.3/examples/blog/index.html
@@ -82,7 +82,7 @@ include_js: false
   </div>
 </div>
 
-<main role="main" class="container">
+<main class="container">
   <div class="row">
     <div class="col-md-8 blog-main">
       <h3 class="pb-4 mb-4 font-italic border-bottom">
diff --git a/site/content/docs/4.3/examples/carousel/index.html b/site/content/docs/4.3/examples/carousel/index.html
index 2e824c4e0..e5b9f4649 100644
--- a/site/content/docs/4.3/examples/carousel/index.html
+++ b/site/content/docs/4.3/examples/carousel/index.html
@@ -33,7 +33,7 @@ extra_css:
   </nav>
 </header>
 
-<main role="main">
+<main>
 
   <div id="myCarousel" class="carousel slide" data-ride="carousel">
     <ol class="carousel-indicators">
diff --git a/site/content/docs/4.3/examples/cover/index.html b/site/content/docs/4.3/examples/cover/index.html
index cce84690b..ea5b0b13a 100644
--- a/site/content/docs/4.3/examples/cover/index.html
+++ b/site/content/docs/4.3/examples/cover/index.html
@@ -20,7 +20,7 @@ include_js: false
     </div>
   </header>
 
-  <main role="main" class="px-3">
+  <main class="px-3">
     <h1>Cover your page.</h1>
     <p class="lead">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.</p>
     <p class="lead">
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:
       </div>
     </nav>
 
-    <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
+    <main class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
       <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
         <h1 class="h2">Dashboard</h1>
         <div class="btn-toolbar mb-2 mb-md-0">
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:
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
   <div class="bg-light p-5 rounded">
     <h1>Navbar example</h1>
     <p class="lead">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.</p>
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:
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
   <div class="bg-light p-5 rounded">
     <h1>Navbar example</h1>
     <p class="lead">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.</p>
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:
     </div>
   </nav>
 
-  <main role="main">
+  <main>
     <div class="bg-light p-5 rounded">
       <div class="col-sm-8 mx-auto">
         <h1>Navbar examples</h1>
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"
   </nav>
 </div>
 
-<main role="main" class="container">
+<main class="container">
   <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
     <img class="mr-3" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48">
     <div class="lh-1">
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:
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
 
   <div class="starter-template text-center py-5 px-3">
     <h1>Bootstrap starter template</h1>
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"
 </header>
 
 <!-- Begin page content -->
-<main role="main" class="flex-shrink-0">
+<main class="flex-shrink-0">
   <div class="container">
     <h1 class="mt-5">Sticky footer with fixed navbar</h1>
     <p class="lead">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 <code class="small">padding-top: 60px;</code> on the <code class="small">main &gt; .container</code>.</p>
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
 ---
 
 <!-- Begin page content -->
-<main role="main" class="flex-shrink-0">
+<main class="flex-shrink-0">
   <div class="container">
     <h1 class="mt-5">Sticky footer</h1>
     <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p>
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 `<input readonly>` 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 >}}
 <form>
   <label for="exampleColorInput">Color picker</label>
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.
       <th></th>
       <th>Chrome</th>
       <th>Firefox</th>
-      <th>Internet Explorer</th>
       <th>Microsoft Edge</th>
       <th>Opera</th>
       <th>Safari</th>
@@ -75,7 +74,6 @@ Similarly, the latest versions of most desktop browsers are supported.
       <th scope="row">Mac</th>
       <td>Supported</td>
       <td>Supported</td>
-      <td class="text-muted">&mdash;</td>
       <td>Supported</td>
       <td>Supported</td>
       <td>Supported</td>
@@ -84,7 +82,6 @@ Similarly, the latest versions of most desktop browsers are supported.
       <th scope="row">Windows</th>
       <td>Supported</td>
       <td>Supported</td>
-      <td>IE11 only</td>
       <td>Supported</td>
       <td>Supported</td>
       <td class="text-muted">&mdash;</td>
@@ -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 >}}
-<!-- Polyfill.io will load polyfills your browser needs -->
-<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js"></script>
-<script>
-  // Fix preventDefault for IE
-  (function () {
-    var workingDefaultPrevented = (function () {
-      var e = document.createEvent('CustomEvent')
-      e.initEvent('Bootstrap', true, true)
-      e.preventDefault()
-      return e.defaultPrevented
-    })()
-
-    if (!workingDefaultPrevented) {
-      var origPreventDefault = Event.prototype.preventDefault
-      Event.prototype.preventDefault = function () {
-        if (!this.cancelable) {
-          return
-        }
-
-        origPreventDefault.call(this)
-        Object.defineProperty(this, 'defaultPrevented', {
-          get: function () {
-            return true
-          },
-          configurable: true
-        })
-      }
-    }
-  })()
-</script>
-{{< /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 >}}
 <div class="sticky-top">...</div>
 {{< /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 >}}
 <div class="d-flex bd-highlight mb-3">
   <div class="p-2 bd-highlight">Flex item</div>
diff --git a/site/layouts/_default/404.html b/site/layouts/_default/404.html
index fc0890087..744865cd4 100644
--- a/site/layouts/_default/404.html
+++ b/site/layouts/_default/404.html
@@ -8,7 +8,7 @@
 
     {{ partial "docs-navbar" . }}
 
-    <main class="my-auto p-5" id="content" role="main">
+    <main class="my-auto p-5" id="content">
       {{ .Content }}
     </main>
 
diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html
index c47c0af7f..b1efb6b13 100644
--- a/site/layouts/_default/docs.html
+++ b/site/layouts/_default/docs.html
@@ -15,7 +15,7 @@
           {{ partial "docs-sidebar" . }}
         </div>
 
-        <main class="col-md-9 py-md-3 pl-md-5 bd-content" role="main">
+        <main class="col-md-9 py-md-3 pl-md-5 bd-content">
           <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1>
           <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p>
           {{ partial "ads" . }}
diff --git a/site/layouts/_default/single.html b/site/layouts/_default/single.html
index 09631ac19..02972c3dd 100644
--- a/site/layouts/_default/single.html
+++ b/site/layouts/_default/single.html
@@ -19,7 +19,7 @@
       </div>
     </header>
 
-    <main class="bd-content py-5" id="content" role="main">
+    <main class="bd-content py-5" id="content">
       <div class="container">
         {{ .Content }}
       </div>
diff --git a/site/layouts/partials/callout-warning-input-support.md b/site/layouts/partials/callout-warning-input-support.md
index 7c76995ed..b6e140e9c 100644
--- a/site/layouts/partials/callout-warning-input-support.md
+++ b/site/layouts/partials/callout-warning-input-support.md
@@ -1,3 +1,3 @@
 ##### Date & color input support
 
-Keep in mind date inputs are [not fully supported](https://caniuse.com/#feat=input-datetime) by IE and Safari. Color inputs also [lack support](https://caniuse.com/#feat=input-color) on IE.
+Keep in mind date inputs are [not fully supported](https://caniuse.com/#feat=input-datetime) by all browsers, namely Safari.
diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html
index 0cc05723f..42897a720 100644
--- a/site/layouts/partials/home/masthead.html
+++ b/site/layouts/partials/home/masthead.html
@@ -1,4 +1,4 @@
-<main class="bd-masthead mb-3 mb-md-5 border-bottom" id="content" role="main">
+<main class="bd-masthead mb-3 mb-md-5 border-bottom" id="content">
   <div class="container">
     <div class="row">
       <div class="col-6 mx-auto col-md-4 order-md-2 col-lg-5">