??從Bootstrap4開始擂煞,就不在支持IE8了混弥,如果你需要IE8支持,建議大家使用Bootstrap 3对省。當(dāng)然蝗拿,也可以添加一些第三方的JavaScript來恢復(fù)Bootstrap 4對Internet Explorer 8的支持。你需要下面這些東西:
1蒿涎、使用html5文檔聲明
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
2哀托、加入meta標(biāo)簽
??前者定義媒體查詢,后者確定顯示此網(wǎng)頁的IE版本劳秋。
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
3仓手、引入bootstrap文件
??這步十分重要,這里要看你是引用其他網(wǎng)站(CDN)的bootstrap文件還是把Bootstrap文件放本地玻淑。放在本地嗽冒,部署比較簡單。
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
Bootstrap 4 CDN:
國內(nèi)推薦使用 BootCDN 上的庫:
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" >
<!-- jQuery文件补履。務(wù)必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!-- popper.min.js 用于彈窗添坊、提示、下拉菜單 -->
<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
此外箫锤,你還可以使用以下的 CDN 服務(wù):
- 國內(nèi)推薦使用 : https://www.staticfile.org/
- 國際推薦使用:https://cdnjs.com/
4贬蛙、引入respond.js 和 html5.js
??respond.js(Github)是用于媒體查詢的,項目說明描述:要和需要進行媒體查詢的文件放在同一域中谚攒。不然CDN部署的需要更改一些選項阳准,之后再說。
??html5shiv : html5.js(Google Code)(Github)是讓不(完全)支持html5的瀏覽器“支持”html5標(biāo)簽馏臭。
<!--[if lte IE 9]>
<script src="bootstrap/js/respond.min.js"></script>
<script src="bootstrap/js/html5.js"></script>
<![endif]-->
5溺职、添加1.X版本的Jquery庫
??Jquery 2.0以上就不再支持IE 6/7/8 這三大虐心神器了。所以要想使用Bootstrap3中的一些插件效果,比如modal 彈出層對話框這類控件浪耘。我們就需要添加 2.0以下的乱灵,這里我用1.10.2的Jquery庫。
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.js"></script>
6七冲、總結(jié)
代碼總結(jié)如下:
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="Jophy" />
<title>ie8</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/style.css">
<!--[if lte IE 9]>
<script src="bootstrap/js/respond.min.js"></script>
<script src="bootstrap/js/html5.js"></script>
<![endif]-->
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
</body>
</html>
??可以把以上各個本地的庫痛倚,換成CDN上的庫。