1.bootstrap布局容器
bootstrap 需要為頁面內容和柵格系統包裹乙個 .container 或者.container-fluid 容器，它提供了兩個作此用處的類。
.container
.container-fluid
2. bootstrap柵格系統
bootstrap提供了一套響應式、移動裝置優先的流式柵格系統，隨著螢幕或視口（viewport）尺寸的增加，系統會自動分為最多12列。
柵格系統用於通過一系列的行（row）與列（column）的組合來建立頁面布局，你的內容就可以放入這些建立好的布局中。
柵格巢狀
柵格系統內建的柵格系統將內容再次巢狀。簡單理解就是乙個列內再分成若干份小列。我們可以通過新增乙個新的 .row 元素和一系列 .col-sm-* 元素到已經存在的 .col-sm-*
元素內。
小列小列
12
左側
右側
為了加快對移動裝置友好的頁面開發工作，利用**查詢功能，並使用這些工具類可以方便的針對不同裝置展示或隱藏頁面內容。
專案結構搭建
bootstrap 使用四步曲：
建立資料夾結構
建立 html 骨架結構
引入相關樣式檔案
書寫內容
響應式布局與Bootstrap
bootstrap的介紹 什麼是響應式布局 讓乙個 相容不同解析度的裝置 給使用者更好的視覺使用體驗。響應式布局的優缺點優點 解決了裝置之間的差異化展示 讓不同的裝置達到最優的體驗 缺點 對開發者來說，相容性 多，工作量大，對瀏覽器來說，載入速度受影響 響應式布局設計原則移動優先 在設計的初期就要考...
bootstrap的響應式布局
可參考 進行使用 通過檢測裝置資訊，決定網頁布局方式，即使用者如果採用不同的裝置訪問同乙個網頁，有可能會看到不一樣的內容，一般情況下是檢測裝置螢幕的寬度來實現。螢幕變小了之後，屬於同一行的元素受到擠壓後，行的右邊元素自動換行顯式 螢幕大了後，本屬於同一行的元素盡可能的排在同一行內 乙個簡單的案例 d...
響應式布局之Bootstrap
1.響應式開發原理 使用 查詢針對不同寬度的裝置進行布局和樣式設定，從而達到適配不同的裝置的目的。2.響應式布局容器 響應式需要乙個父級作為布局容器，來配合子級元素來實現變化效果。原理就是在不同螢幕下，通過 查詢來改變這個布局容器的大小，再改變裡面自級元素的排列方式和大小，從而實現不同螢幕下不同的頁...