bootstrap什麼時候使用

Bootstrap 是一個用於快速開發 Web 應用程式和網站的前端框架。 Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的。

當你想要網頁內容大小隨著螢幕大小自動適應的時候就可以使用bootstrap，也就是在pc端以及不同手機（顯示器大小不同）端內容也能夠正常顯示的時候。 （推薦學習：Bootstrap教學）

一行最多佔十二個標籤，不管是大螢幕還是超小螢幕的時候。

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標籤裡面這樣寫:

<section class = “col-lg-2 col-md-4 col-sm-6 col-xs-12”></section>

更多Bootstrap相關技術文章，請訪問Bootstrap教程欄位進行學習！

以上是bootstrap什麼時候使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！