Bootstrap 是一個(gè)用于快速開(kāi)發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

當(dāng)你想要網(wǎng)頁(yè)內(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)簽里面這樣寫(xiě):

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