bootstrap学习总结

bootstrap网站下载:

谷歌浏览器访问:http://github.com/twbs/bootstrap/    右上角(clone or download)

编译版bootstrap:http://www.bootcss.com/


下载(编译版bootstrap)后:

dist文件夹:可以复制到项目内。


jquery下载:http://jquery.com/download/


兼容IE8 css3

  1. <!--[if lt IE 9]>
  2. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

  3. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

  4. <![endif]-->

二:现在有很多人的IE浏览器都升级到IE9以上了,所以这个时候就有又很多诡异的事情发生了,例如现在是IE9的浏览器,但是浏览器的文档模式却是IE8:
  1. <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

上一篇:【OCP 062新题】OCP题库更新出现大量新题-9


下一篇:Ubuntu 16.04中安装谷歌Chrome浏览器