bootstrap笔记

官方文档
中文文档

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

推荐阅读更多精彩内容

  • CSS全局样式 概览 移动设备优先 布局容器 1、container类用于固定宽度并支持响应式布局的容器 2、co...
    VEN_64d6阅读 1,186评论 0 1
  • Bootstrap已经成为一种生态,兼容移动端。像我这种“前端门外汉”,如果你叫我不用它写网页,我真写不好。boo...
    brandonxiang阅读 438评论 0 3
  • Bootstrap will figure out how wide your screen is and res...
    yoosir阅读 291评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,424评论 1 92
  • 昨天,我问了家人和朋友一个问题,如果自己孩子回家,跟你说:小明今天不和我玩,不论我想和他玩什么,他都说不想玩...
    素食主义_阅读 883评论 0 0