08-列偏移

列偏移就是col的div往右移动。

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

比如下面的：

<div class="container">
	<div class="row show-grid">
	  <div class="col-md-4">.col-xs-6 .col-md-4</div>
	</div>		
</div>Code language: HTML, XML (xml)

正常是显示在左侧，然后右侧是空白的。那么如果我希望它居中，就可以使用列偏移了。

可以使用 col-**-offset-* 来进行往右偏移：

<div class="container">
	<div class="row show-grid">
	  <div class="col-md-4 col-md-offset-4">.col-xs-6 .col-md-4</div>
	</div>		
</div>Code language: HTML, XML (xml)

比如我们希望div居中。

手机端下面偏移：

<div class="container">
	<div class="row show-grid">
	  <div class="col-xs-4 col-xs-offset-4">.col-xs-6 .col-md-4</div>
	</div>		
</div>Code language: HTML, XML (xml)