A JavaScript & CSS answer to make Bootstrap 5 work with IE 11.
Boostrap workforce offically introduced that the subsequent era of Bootstrap framework (Bootstrap 5) will drop browser assist for Web Explorer 10 and 11.
If you happen to’re re-building your net utility utilizing Bootstrap 5 and wish it to nonetheless work on IE 11, you would possibly want this extension to repair the compatibility points like playing cards, modals, navbars, grid structure utilities, and many others.
See Additionally:
use it:
1. Load the Bootstrap 5 framework in your venture.
<!-- Bootstrap 5 core CSS --> <hyperlink rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" /> <!-- Bootstrap 5 core JavaScript --> <script src="/path/to/cdn/popper.min.js"></script> <script src="/path/to/cdn/bootstrap.min.js"></script>
2. Add the next JavaScript snippet to the head
part of the doc. That is it.
- bootstrap-ie11.min.css: CSS polyfill for Bootstrap 5
- jQuery Slim: Required For Bootstrap 4
- Bootstrap 4 JavaScript: Required for compatibility points
- ie11CustomProperties: Customized Properties polyfill for Web Explorer 11
<script>window.MSInputMethodContext && doc.documentMode && doc.write('<hyperlink rel="stylesheet" href="/css/bootstrap-ie11.min.css"><script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script><script src="https://cdn.jsdelivr.internet/gh/nuxodin/[email protected]/ie11CustomProperties.min.js"></script>');</script>
Changelog:
2022-09-08
- Fixes for Accordions Button Icons and Flush Accordions border radius
2022-07-20
- Repair for modals not being horizontally centered
- Add listing group bg colours
- Fixes for border utility courses
- Updated and expanded assessments
2022-06-11
- Repair for modals not being horizontally centered
2022-05-30
2022-05-25
- fixes for border utility courses
v5.1.3 (2021-10-12)
- Adjusted shade for kind vary energetic thumb
- Units line-height for progress label to align vertically
v5.1.2 (2021-10-07)
- Improved border on .form-check-input
- Up to date and expanded assessments
v5.1.1 (2021-09-08)
- Fixes for stacks hole spacing
- Repair for vertical rule .vr class
- Repair for .justify-content-evenly flex utility
v5.1.0 (2021-08-06)
- Units width for shade enter (so it’s large sufficient to see a 6 digit hex shade with #)
- Provides textual content shade and textual content opacity utility courses
- Up to date and expanded assessments
v5.0.1 (2021-06-23)
- Provides -ms-user-select: none !necessary; to .form-control:disabled
v5.0.1 (2021-05-14)
- Bundled JavaScript polyfill steering means much less HTTP requests and sooner loading
2021-03-25
- Up to date for Bootstrap 5 beta-3
2021-02-25
- Fastened for Desk Hover Colours
2021-02-11
- Up to date for Bootstrap 5 beta-2.
2020-12-10
- Up to date for Bootstrap 5 beta-1.
2020-12-07
- Fastened Validation tooltips should not positioned appropriately
2020-11-13
2020-11-13
- Updates for Bootstrap v5.0.0-alpha3
2020-11-02
- chore: exchange node-sass with dart-sass
2020-10-08
2020-09-30
- Updates for Alpha2 launch
2020-07-27
- Updates for Alpha1 launch
2020-07-03
2020-07-02
This superior jQuery plugin is developed by coliff. For extra Superior Usages, please test the demo web page or go to the official web site.