bootstrap栅格系统的列宽设定

栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个 .col-xs-4 来创建。

如果在一个 .row 内包含的列（column）大于12个，包含多余列（column）的元素将作为一个整体单元被另起一行排列。

列偏移

使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将.col-md-4 元素向右侧偏移了4个列（column）的宽度。

col-sm 和 col-md 的区别

<div class="col-sm-10 col-md-8">
这个应该是说：
屏幕大于(≥992px) ，使用col-md-* 而不是col-sm-*
如果屏幕大于(≥768px)，小雨<=992px，使用col-sm-* 而不是col-md-*