原文：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è)轉載請注明出處叨粘。
