bootstrap柵欄系統css中的col-xs-*、col-sm-*、col-md-* 的意義，就是根據顯示螢幕寬度的大小，自動的選用對應的類別的樣式：
.col-xs- 超小螢幕手機(<768px)（推薦學習：Bootstrap影片教學）
.col-sm- 小螢幕平板(≥768px)
#.col-md- 中螢幕桌面顯示器(≥992px)
#.col-lg- 大螢幕大桌面顯示器(≥1200px)
#首先說明：
##1、col-列；2、xs-maxsmall，超小；sm-small，小；md-medium，中；lg-large，大；3、-*表示佔列，即佔自動每行row分12列柵格系統比；4、col-xs-*超小螢幕手機(<768px),
.col-sm-*小螢幕平板( ≥768px),
.col-md-*中等螢幕桌面顯示器(≥992px)(柵格參數).
5、不管在哪種螢幕上，柵格系統都會自動的每行row分12列col-xs-*和col-sm-* 和col-md-*後面跟的參數表示在目前的螢幕中每個div所佔列數。 例如Bootstrap教學欄位進行學習！
以上是bootstrap col-sm col-md區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！
