溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了使用bootstrap的方案例，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
Bootstrap 是一個用于快速開發(fā) Web 應用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
當你想要網(wǎng)頁內容大小隨著屏幕大小自動適應的時候就可以使用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>
感謝你能夠認真閱讀完這篇文章，希望小編分享使用bootstrap的方案例內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
