原文：https://www.zhihu.com/question/34226881

當你想要內容大小隨著屏幕大小自動適應的時候就可以使用bootstrap，也就是在pc端以及不同手機（顯示屏大小不同）端內容也能夠正常顯示的時候。一行最多占十二個標簽，不管是大屏還是超小屏的時候。col-lg一般用于大屏設備，(min-width:1200px);col-md一般用于中屏設備，(min-width：992px);col-sm一般用于小屏設備，(min-width：768px);col-xs用于超小型設備，(max-width：768px);后面跟數(shù)字是幾，也就是占幾份,比如是4，也就是一行可以顯示3個;或者12，就是一行可以顯示1個。關于使用，一般設置的話四個屬性都用到會比較好，這樣就可以在不同屏幕上很好的展示。比如你有了12個section標簽，你想讓他們在不同屏幕大小的時候有不同的展示方式，大屏時一行顯示6個，中屏時一行顯示3個，小屏時一行展示2個，超小屏一行展示1個，你就可以在每一個section標簽里面這樣寫:<section class = “col-lg-2 col-md-4 col-sm-6 col-xs-12”></section>

作者：愛要不留余力
鏈接：https://www.zhihu.com/question/34226881/answer/130937477
來源：知乎
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權，非商業(yè)轉載請注明出處。