bootstrap学习总结 - 不见花落

bootstrap学习总结

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

posted on 2018-01-25 15:57 不见花落阅读(233) 评论(0) 收藏举报

刷新页面返回顶部