一个JavaScript和CSS解决方案,使Bootstrap 5与IE 11协同工作。
Boostrap团队正式宣布,下一代Bootstrap框架(Bootstrap 5)将放弃对Internet Explorer 10和11的浏览器支持。
如果你正在使用Bootstrap 5重新构建你的web应用程序,并希望它仍然在IE 11上运行,你可能需要这个扩展来解决兼容性问题,如卡、模式、导航栏、网格布局实用程序等。
1.在您的项目中加载Bootstrap 5框架。
<!-- Bootstrap 5 core CSS --> <link 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.将以下JavaScript片段添加到头部
部分。就是这样。
<script>window.MSInputMethodContext && document.documentMode && document.write('<link 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.net/gh/nuxodin/[email protected]/ie11CustomProperties.min.js"><\/script>');</script>
2022-12-06
2022-11-22
2022-10-03
2022-09-08
2022-07-20
2022-06-11
2022-05-30
2022-05-25
v5.1.3 (2021-10-12)
v5.1.2 (2021-10-07)
v5.1.1 (2021-09-08)
v5.1.0 (2021-08-06)
v5.0.1 (2021-06-23)
v5.0.1 (2021-05-14)
2021-03-25
2021-02-25
2021-02-11
2020-12-10
2020-12-07
2020-11-13
2020-11-13
2020-11-02
2020-10-08
2020-09-30
2020-07-27
2020-07-03
2020-07-02
Â