我爱编程

bootstrap笔记

2017-12-28  本文已影响0人  727上上上

官方文档
中文文档

笔记版本为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 基本样式

上一篇 下一篇

猜你喜欢

热点阅读