首先需要熟悉boostrap提供的響應式設施：的響應式設施主要是利用**查詢對元素的可見性和inline or block顯示做變換處理。在mobile屏下面主要做以下幾個處理：
1、原先row內行布局的div變成列布局，我一般喜歡以sm(750px)作為基準，所以這一點的實現很簡單，在使用col-xx-number的xx一般使用sm即可。
2、在mobile介面下某些影響手機頁面顯示的瑣碎內容直接隱藏掉，如果以sm的750px作為基準，那這些元素的class直接加上hidden-xs 即可
3、某些只需要在mobileweb下顯示的東西需要顯示出來，這個需要使用visible-xs-*這個class標籤
4、以前縱向布局的需要橫向布局，最明顯的莫如左側導航欄，這個東西可以借鑑bootstrap**查詢的寫法寫個xs-inline的標籤，也可以visible-xs-*的多個標籤組合來達到這個目的。
bootstrap響應式布局
1.bootstrap布局容器 bootstrap 需要為頁面內容和柵格系統包裹乙個 container 或者.container fluid 容器，它提供了兩個作此用處的類。container container fluid 2.bootstrap柵格系統 bootstrap提供了一套響應式 移動...
響應式布局與Bootstrap
bootstrap的介紹 什麼是響應式布局 讓乙個 相容不同解析度的裝置 給使用者更好的視覺使用體驗。響應式布局的優缺點優點 解決了裝置之間的差異化展示 讓不同的裝置達到最優的體驗 缺點 對開發者來說，相容性 多，工作量大，對瀏覽器來說，載入速度受影響 響應式布局設計原則移動優先 在設計的初期就要考...
bootstrap的響應式布局
可參考 進行使用 通過檢測裝置資訊，決定網頁布局方式，即使用者如果採用不同的裝置訪問同乙個網頁，有可能會看到不一樣的內容，一般情況下是檢測裝置螢幕的寬度來實現。螢幕變小了之後，屬於同一行的元素受到擠壓後，行的右邊元素自動換行顯式 螢幕大了後，本屬於同一行的元素盡可能的排在同一行內 乙個簡單的案例 d...