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

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

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

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

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

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

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