bootstrap网站下载:
谷歌浏览器访问:http://github.com/twbs/bootstrap/ 右上角(clone or download)
编译版bootstrap:http://www.bootcss.com/
下载(编译版bootstrap)后:
dist文件夹:可以复制到项目内。
jquery下载:http://jquery.com/download/
兼容IE8 css3
- <!--[if lt IE 9]>
-
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
-
<![endif]-->
二:现在有很多人的IE浏览器都升级到IE9以上了,所以这个时候就有又很多诡异的事情发生了,例如现在是IE9的浏览器,但是浏览器的文档模式却是IE8:
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <link href="css/bootstrap.css" /> <link href="css/bootstrap-theme.css" /> <link href="css/style.css" /> <!--[if lt IE 9]> <script src="html5shiv.js"></script> <script src="respond.min.js"></script> <![endif]--> </head> <body> <script src="js/jquery-3.3.1.js"></script> <script src="js/bootstrap.js"></script> </body> </html>
bootstrap.css:基本样式文件
bootstrap-theme.css:各种主题效果
css/style.css:后写入的样式
js/jquery-3.3.1.js:jquery js引入
bootstrap.js:bootstrap js引入
html5shiv.js 和 respond.min.js 兼容IE8 CSS