.col-xs-：超小屏幕 手機 (<768px),
.col-sm-：小屏幕 平板 (≥768px),
.col-md-：中等屏幕 桌面顯示器 (≥992px)(柵格參數).
不管在哪種屏幕上，柵格系統都會自動的分12列，col-xs-*和col-sm-* 和col-md-*後面跟的參數表示在當前的屏幕中 div佔的寬度。
例如 <div class="col-xs-6 col-md-3"> 這個div在屏幕中佔的位置是：
1、在超小屏幕中佔6列 也就是屏幕的一半（6/12）
2、在中單屏幕中佔3列也就是1/4（3/12）。
如果我們要在小屏幕上並排顯示3個div(12/3=4)，在大屏幕上顯示6個 則<div class="col-xs-4 col-md-4">