Tuesday, April 16, 2024
HomejQueryAdd IE 11 Help To Bootstrap 5

Add IE 11 Help To Bootstrap 5


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.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments