bootstrap

margin-left: -15px;
margin-right: -15px;
-向LEFT移动15px向右移动15px
结果显得变宽了

.col-xs- 超小屏幕 手机 (0 - 768px)

.col-sm- 小屏幕 平板 (≥768px  - 992px)

.col-md- 中等屏幕 桌面显示器 ( 992px -- 1200px)

.col-lg- 大屏幕 大桌面显示器 (≥1200px)

col-sm-12是指在屏幕大于768px时，独占一行；
col-md-12是指在屏幕大于992px时，独占一行；
col-sm-12 + col-md-12 要表达的意思也是就是大于768px时，独占一行；

compass creat xxxxx(项目名) -r bootstrap-sass --using bootstrap

1、打开项目根目录下的 config.rb 文件
2、搜索 line_comments 关键词，默认应该是 # line_comments = false
3、去掉前面的 #，保存 config.rb
4、重新执行 compass compile

普通编译运行命令

compass compile