bootstrap
入門的使用
在做前端開發(fā)中持灰，其實(shí)有百分之四十的時(shí)間用來布局寫樣式，百分之三十用來寫JS邏輯交互负饲，百分之三十時(shí)間用來測試調(diào)bug堤魁，可以看的到的是喂链，用在布局+樣式的時(shí)候會比較多
所以會有很多的前端框架誕生，例如bootstrap
前端框架包含有設(shè)定好的html布局結(jié)構(gòu)妥泉，css樣式椭微，一些js效果，理論上將盲链，不需要寫一行代碼蝇率，只需復(fù)制粘貼就可以實(shí)現(xiàn)一個(gè)靜態(tài)頁面
官方的介紹：簡潔、直觀刽沾、強(qiáng)悍的前端開發(fā)框架本慕，讓web開發(fā)更迅速、簡單侧漓。
用bootstrap不僅可以寫PC的頁面锅尘，還可以做響應(yīng)式
響應(yīng)式：利用媒體查詢等技術(shù)，通過檢測瀏覽器的尺寸不同布蔗，來顯示不同的布局結(jié)構(gòu)藤违，原理就是，媒體查詢可以檢測到屏幕的尺寸是否處于某一個(gè)范圍何鸡，如果是的時(shí)候可以讓某一段css代碼起作用纺弊，來實(shí)現(xiàn)結(jié)構(gòu)切換
boot 默認(rèn)的將屏幕劃分成了四種：
0-768 xs ;768-992 sm ; 992-1200 md;1200- lg ;
boot 提供了兩個(gè)布局容器，這兩個(gè)布局容器是要作為某一個(gè)大的區(qū)域的最外層元素的骡男，會和其他的一些布局類名配合使用
.container .container-fluid
container-fluid在任意屏幕下寬度都是百分之一百
container 是在xs屏永遠(yuǎn)都是100%淆游；768-992，寬度：768隔盛；992-1200犹菱，寬度：992；1200- 寬度：1200吮炕，永遠(yuǎn)居中
boot 提供了柵格系統(tǒng)（12柵格化腊脱，網(wǎng)格化，網(wǎng)格系統(tǒng)）會讓我們在布局的時(shí)候龙亲，想象著將一行的空間分成12份陕凹，通過設(shè)置每一個(gè)元素占幾份來控制元素的排列
row類名可以在容器中將某一行分成12份
col-type-num 可以確定某一行中的某一個(gè)元素在type屏幕的情況下占num份
注意，在使用這些類名的時(shí)候有小屏優(yōu)先這樣的原則:
在寫媒體查詢樣式的時(shí)候鳄炉，應(yīng)該先寫小屏的樣式杜耙，再寫大屏的樣式，小屏解析的css代碼會較少拂盯，性能較高
col-type-offset-num 設(shè)定的是某一個(gè)元素在某一個(gè)屏幕尺寸下向右偏移幾份
visible-type hidden-type 在某一種屏幕下顯示或隱藏
