（1）概括
一句話概括：根據顯示屏幕寬度的大小，自動的選用對應的類的樣式。

（2）關鍵字段
1、col是column簡寫：列；

2、xs是maxsmall簡寫：超小， sm是small簡寫：小， md是medium簡寫：中等， lg是large簡寫：大；

3、-* 表示占列數，即占每行row分12列柵格系統比；

4、.col-xs-* 超小屏幕如手機 （<768px）時使用；

.col-sm-* 小屏幕,如平板 （768px ≤ 寬度 ＜992px）時使用；.col-md-* 中等屏幕,如普通顯示器 （992px ≤ 寬度 ＜ 1200px）時使用；.col-lg-* 大屏幕,如大顯示器 （≥1200px）時使用。

總結

以上是生活随笔為你收集整理的bootstrap 栅栏布局中 col-xs-*、col-sm-*、col-md-*、col-lg-* 区别及使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。