如何让 Bootstrap 4 兼容 IE9 和 IE10

Question

哪些 polyfill 库可用于使 Bootstrap 4（或大部分 Bootstrap 4）与 IE9 一起工作？

我遇到过这些库：

• https://github.com/jonathantneal/flexibility
• https://github.com/coliff/bootstrap-ie8

谢谢。

Answer 1

查看他们的website，他们建议使用 Bootstrap 3 来支持 IE8-9。

如果您需要 IE8-9 支持，请使用 Bootstrap 3。它是我们代码的最稳定版本，我们的团队仍然支持关键错误修复和文档更改。但是，不会添加任何新功能。

IE9 和 IE10 难以支持 bootstrap 4 的原因是它使用了现代 css ( flexbox ) 和 html5 元素。他们没有在他们的 css 中提供后备，因此您必须手动添加这些后备。

请注意，IE10 不完全支持某些 CSS3 属性和 HTML5 元素，或者需要前缀属性才能获得全部功能

如何修复适用于 IE9 和 IE10 的 Bootstrap 4：

• Autoprefixer 允许您基于浏览器支持创建回退。但是，这并不能解决您的所有问题。
• HTML 5 shiv 旧版 ie 浏览器的 HTML 5 后备
• 任何使用 flexbox 的地方都需要基于浮点数的回退

您在上面链接到开源项目Bootstrap IE8 这可能是您最好的选择，因为它旨在解决您的问题。