1、Bootstrap是一個做網(wǎng)頁的框架目前最流行的WEB前端框架之一，就是說用戶只需要寫HTML標簽調(diào)用它的類就可以很快速的做一個高大上的網(wǎng)頁，用戶不用擔心兼容問題，提供了很多樣式供用戶選擇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ū)分別有三個樣式，頭尾以及中間部分，接下來定義個。

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

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

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

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

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