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

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

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

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

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

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

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