1、Bootstrap是一個(gè)做網(wǎng)頁的框架目前最流行的WEB前端框架之一，就是說用戶只需要寫HTML標(biāo)簽調(diào)用它的類就可以很快速的做一個(gè)高大上的網(wǎng)頁，用戶不用擔(dān)心兼容問題，提供了很多樣式供用戶選擇webstorm怎么引入bootstrapWeb。

2、2然后在Body區(qū)域應(yīng)用了bootstrap的modal樣式，如下圖所示3然后在modal樣式的div里繼續(xù)放置內(nèi)容區(qū)域，內(nèi)容區(qū)域的樣式為modalcontent，如下圖所示4然后來看一下內(nèi)容區(qū)分別有三個(gè)樣式，頭尾以及中間部分，接下來定義個(gè)。

3、可以用media query媒體查詢來設(shè)置不同分辨率下的不同css樣式 * 超小屏幕手機(jī)，小于 768px ** 沒有任何媒體查詢相關(guān)的代碼，因?yàn)檫@在 Bootstrap 中是默認(rèn)的還記得 Bootstrap 是移動(dòng)設(shè)備優(yōu)先的嗎 ** 小。

4、Bootstrap是Twitter推出的一個(gè)用于前端開發(fā)的開源工具包它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSSHTML框架是一個(gè)做網(wǎng)頁的框架目前最流行的WEB前端框架，就是說你只需要寫HTML標(biāo)簽調(diào)用它的類你。

5、我這有資源 可以看下 Bootstrap用戶手冊設(shè)計(jì)響應(yīng)式網(wǎng)站_w？pwd=1234 提取碼1234 這本書教你怎么用Bootstrap框架輕松設(shè)計(jì)出“殺手級(jí)”界面及響應(yīng)式網(wǎng)站從怎么用。

6、這種方式的優(yōu)點(diǎn)是開發(fā)相對(duì)簡單快速，可以直接引入類似bootstrap這一類響應(yīng)式的樣式庫，多熟悉一下它的開發(fā)文檔就好了響應(yīng)式的缺點(diǎn)就是樣式類冗余，PC端瀏覽同樣也會(huì)加載移動(dòng)端用到的樣式，再一個(gè)就是在PC端動(dòng)態(tài)調(diào)整瀏覽器。

7、2百分比布局 通過百分比單位，可以使得瀏覽器中組件的寬和高隨著瀏覽器的高度的變化而變化，從而實(shí)現(xiàn)響應(yīng)式的效果Bootstrap就是一個(gè)好的拓展3rem布局 rem是css3新增的單位，rem單位都是相對(duì)于根元素html的fontsize來。