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中文網其他相關文章!