2.2.4　对重复代码的处理

本小节内容只代表我的个人观点，是在自身理解水平的基础上形成的，如有误导，请见谅。纵观整个栅格系统的源码，从854行到1635行绝大部分代码都是重复性的。比如给4种不同的类型设置width的时候，给pull和push设置left和right的时候，以及给offset设置的margin-left时候，设置的值都一样。只是样式名称不一样。除此之外不一样的地方就只有container样式的宽度设置了。那为什么不能这样设置呢？

所有重复性的内容都放一起（在媒体查询之外），那么和媒体查询有关的就只有这一项内容了，也就是如下代码中所列的width宽度。

.col-xs-12
.col-sm-12
.col-md-12
.col-lg-12 {
  width: 100%;
}

总结：这得节约多少行代码啊！当然，如果Bootstrap作者这么做是为了以后扩展成不同的值，那我就只能说：好，灵活性不错。