一 下载 官网下载 二 使用  1.使用步骤 （1）把bootstrap整体文件夹复制过来 创建项目文件夹中包含： （2）创建html骨架 比正常多两句话 （3）引入样式 （4）写内容 有很多现成的样式效果，去官网查代码，复制过来用 三 bootstrap布局容器 1.            .container   类 bootstrap布局容器叫.container

• 用了这个类.container就自动达到这些尺寸了

2.                  .container-fluid类    四 bootstrap栅格系统 1.作用：把页面内容container的列划分成12等份 2.使用：

• 需要通过类前缀设置占的份数：

• 每一列默认有15px的padding

如果不足12则右边空出来

• 可以多类名

表示大屏幕下占三份，中等屏幕下占4份 3.bootstrap响应式工具 场景：比如：大屏显示三列，小屏两侧的列隐藏起来 （1）隐藏 eg： 超小屏和中屏时，第三列会隐藏 （2）可见

• 被设置的内容，只有在指定的屏幕下才显示

五  bootstrap列嵌套

• 列嵌套最好加一个row标签，可以取消父元素的padding值，且高度和父级一样

六 列偏移 场景1：两个盒子 做法：（响应式中，此时若用margin实现则不好设置px）         左盒子本来就贴左边，不用管          用.col-md-offset把右盒子实现右偏移 场景2：一个盒子时 七  列排序 作用：改变列顺序

• 用推到右侧：.col-md-push-*        和        拉到左侧：.col-md-pull-*