bootstrap什么時(shí)候使用

當(dāng)你想要網(wǎng)頁內(nèi)容大小隨著屏幕大小自動(dòng)適應(yīng)的時(shí)候就可以使用bootstrap，也就是在pc端以及不同手機(jī)（顯示屏大小不同）端內(nèi)容也能夠正常顯示的時(shí)候。（推薦學(xué)習(xí)：Bootstrap視頻教程）

一行最多占十二個(gè)標(biāo)簽，不管是大屏還是超小屏的時(shí)候。

col-lg一般用于大屏設(shè)備，(min-width:1200px)；

col-md一般用于中屏設(shè)備，(min-width：992px)；

col-sm一般用于小屏設(shè)備，(min-width：768px)；

col-xs用于超小型設(shè)備，(max-width：768px)；

后面跟數(shù)字是幾，也就是占幾份，比如是4，也就是一行可以顯示3個(gè);或者12，就是一行可以顯示1個(gè)。

關(guān)于使用，一般設(shè)置的話四個(gè)屬性都用到會(huì)比較好，這樣就可以在不同屏幕上很好的展示。

比如你有了12個(gè)section標(biāo)簽，你想讓他們?cè)诓煌聊淮笮〉臅r(shí)候有不同的展示方式，大屏?xí)r一行顯示6個(gè)，中屏?xí)r一行顯示3個(gè)，小屏?xí)r一行展示2個(gè)，超小屏一行展示1個(gè)。

你就可以在每一個(gè)section標(biāo)簽里面這樣寫:

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

更多Bootstrap相關(guān)技術(shù)文章，請(qǐng)?jiān)L問Bootstrap教程欄目進(jìn)行學(xué)習(xí)！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com