从堆叠到水平排列
使用单一的一组 .col-md-* 栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在 ” .row 内。
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
<div class="row">
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
<div class="col-md-1 myTest">.col-md-1</div>
</div>
<div class="row">
<div class="col-md-8 myTest">.col-md-8</div>
<div class="col-md-4 myTest">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-4 myTest">.col-md-4</div>
<div class="col-md-4 myTest">.col-md-4</div>
<div class="col-md-4 myTest">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-6 myTest">.col-md-6</div>
<div class="col-md-6 myTest">.col-md-6</div>
</div>