zoukankan      html  css  js  c++  java
  • 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















  • 相关阅读:
    Leetcode 50.Pow(x,n) By Python
    Leetcode 347.前K个高频元素 By Python
    Leetcode 414.Fizz Buzz By Python
    Leetcode 237.删除链表中的节点 By Python
    Leetcode 20.有效的括号 By Python
    Leetcode 70.爬楼梯 By Python
    Leetcode 190.颠倒二进制位 By Python
    团体程序设计天梯赛 L1-034. 点赞
    Wannafly挑战赛9 C-列一列
    TZOJ Start
  • 原文地址:https://www.cnblogs.com/wuss/p/8351656.html
Copyright © 2011-2022 走看看