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