bootstrap笔记

作者: 727上上上 | 来源:发表于2017-12-28 15:14 被阅读0次

    官方文档
    中文文档

    笔记版本为BS3 ,这是BS2重写后的版本,不在支持IE6;BS4目前还是测试版本
    BS3的js强依赖于jQuery,如果没有jQuery,就会无法使用bs3的js文件
    在中文文档里下载 用于生产环境的 Bootstrap
    在index.html中引入,在js引入前需先引入jq
    Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器
    //固定布局,一般用于PC
    <div class="container">
      ...
    </div>
    
    -------
    //流动布局,一般用于手机
    <div class="container-fluid">
      ...
    </div>
    
        <div class="container">
            <div class="row">//必须要这个,因为有个负的margin,可以让col更宽
                <div class="col-md-1">.col-md-1</div>
            </div>
        </div>
    
    只用div是因为其他标签都有默认样式,而div没有
    class="col-**-offset-*" 列偏移

    xs 超小
    sm 小
    md中等 (一般是这个)
    lg 超大
    样式照抄就是了,其他的自己加style覆盖 加的时候最好加个包裹避免覆盖
    how2j 基本样式

    相关文章

      网友评论

        本文标题:bootstrap笔记

        本文链接:https://www.haomeiwen.com/subject/eenmgxtx.html