首頁 > web前端 > Bootstrap教程 > bootstrap什麼時候使用

bootstrap什麼時候使用

(*-*)浩
發布: 2020-05-15 09:22:55
原創
3482 人瀏覽過

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

bootstrap什麼時候使用

當你想要網頁內容大小隨著螢幕大小自動適應的時候就可以使用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板