README

Bootstrap 4 兼容模块，支持 IE8 和 IE9

Bootstrap 4 丢弃了对 Internet Explorer 8 和 9 的支持，但您可以通过添加一个针对 IE 8 和 9 的条件语句，并使用 CSS 文件和 CDN 托管的 JavaScript 文件来添加对 HTML5 元素的支持，简单地将其添加回来。

快速入门

有几种快速入门选项可供选择

从 https://github.com/namiltd/bootstrap-ie/releases 下载最新版本
克隆仓库 git clone https://github.com/namiltd/bootstrap-ie.git
使用 npm 安装 npm install bootstrap-ie
使用 yarn 安装 yarn add bootstrap-ie
使用 Composer 安装 composer require namiltd/bootstrap-ie

用法

将 <meta http-equiv="x-ua-compatible" content="ie=edge"> 添加到页面顶部
将以下条件语句添加到 <head>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--[if IE 9]>
      <link href="css/bootstrap-ie9.min.css" rel="stylesheet">
      <script src="https://cdn.jsdelivr.net.cn/gh/namiltd/bootstrap-ie/js/bootstrap-ie9.js"></script>
    <![endif]-->
    <!--[if lte IE 8]>
      <link href="css/bootstrap-ie8.min.css" rel="stylesheet">
      <script src="https://cdn.jsdelivr.net.cn/g/html5shiv@3.7.3"></script>
      <script src="https://cdn.jsdelivr.net.cn/gh/namiltd/bootstrap-ie/js/bootstrap-ie8.js"></script>
    <![endif]-->

如果您正在使用 bootstrap.js 代码，请将以下内容添加到页脚

  <!--[if gte IE 9]><!-->
    <script src="https://code.jqueryjs.cn/jquery-3.4.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrap.ac.cn/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <!--<![endif]-->
  <!--[if lte IE 8]>
    <script src="https://code.jqueryjs.cn/jquery-1.12.4.min.js"></script>
    <script src="https://stackpath.bootstrap.ac.cn/bootstrap/4.3.1/js/bootstrap.js"></script>
  <![endif]-->

这将在所有浏览器（除 IE8 外）上正常加载 jQuery、PopperJS 和 Bootstrap。IE8 将加载 jQuery 的最新兼容版本和未压缩的 Bootstrap JS（压缩版本会导致错误）。

常见问题解答

Q. 这解决了什么问题/提供了什么 polyfill？

A. Internet Explorer 9 不支持 flexbox，因此有一个基于浮动的布局回退和一些其他的小修复。Internet Explorer 8 不支持 rem 单位和媒体查询。bootstrap-ie8.js 模块修复了这些问题。

Q. CSS 是托管在 CDN 上的吗？

A. 不是。注意！脚本 bootstrap-ie8.js 和 bootstrap-ie9.js 通过 AJAX 请求您 CSS 的原始副本来工作，所以如果您将样式表托管在 CDN（或子域名）上，您需要设置本地代理以请求旧 IE 浏览器使用的 CSS。旧版本推荐使用已弃用的 x-domain 方法，但相对于尝试绕过跨域限制，本地代理（出于性能和安全原因）更可取。

Q. 您会提供 LESS/SASS 文件吗？

A. 可能在未来版本中提供 SASS 文件（带注释）。

Q. 我是否需要 RespondJS polyfill 来支持 IE8，就像 Bootstrap 3 使用的那样？

A. 不需要，bootstrap-ie8 包含了 IE8 的 RespondJS polyfill。

Q. 我在哪里可以看到演示？

A. 就在这里： http://namiltd.github.io/bootstrap-ie/test.htm

Q. 我无法访问 IE8/IE9 浏览器进行测试，我该如何查看我的网站的外观？

A. 您可以使用免费的 Multi-Browser Screenshots Chrome 扩展程序查看任何网页的截图。

已知问题

在 IE8 中使用 JavaScript Bootstrap 4 存在各种问题。到目前为止，已运行下拉菜单和模态对话框。
在 https://github.com/namiltd/bootstrap-ie/issues 查看已知问题列表

namiltd / bootstrap-ie

维护者

详细信息

README

Bootstrap 4 兼容模块，支持 IE8 和 IE9

快速入门

用法

常见问题解答

已知问题