移動裝置優先是 bootstrap 3 的最顯著的變化，為了bootstrap可以在移動端確保適當的繪製和觸屏縮放，要在頭部新增viewport meta標籤。
bootstrap 包含了乙個響應式的、移動裝置優先的、不固定的網格系統，可以隨著裝置或視口大小的增加而適當地擴充套件到12 列。
建立網路系統布局，主要有以下步驟：
移動端（<768px）
平板（>=768px）
中型顯示器（>=992px）
大型顯示器（>=1200px）
最大容器寬度
auto
750px
970px
1170px
class字首
cos-xs-*cos-sm-*col-md-*col-lg-*
間隙寬度
30px（乙個列的每邊分別 15px）
同上同上
同上實現列的偏移（本質是增加左右邊距），可新增col-*-offset-*類
新增col-*-pull-*與col-*-push-*類可以很容易地以一種順序編寫列，然後以另一種順序顯示列，在新增col-*-pull-*與col-*-push-*類之前需要先給原列項定義列的位置資訊，如：
class="container">
class="row">
class="col-lg-8 col-lg-push-4">
123div>
class="col-lg-4 col-lg-push-8">
123div>
div>
div>
bootstrap 使用helvetica neue、helvetica、arial和sans-serif作為其預設的字型棧。
樣式類名：
樣式類名：
樣式類名：
建立基本表單的步驟：
建立乙個表單，它的所有元素是內聯的，向左對齊的，標籤是併排的，可以向標籤新增form-inline類
1、預設情況下，bootstrap中的水平表單的意思是文字與輸入框水平放置，步驟：input、select和textarea有 100% 寬度。在使用內聯表單時，您需要在表單控制項上設定乙個寬度。2、使用
sr-only類，可以隱藏內聯表單的標籤。
核取方塊（checkbox）和單選框（radio）水平放置可新增checkbox-inline或radio-inline class類到包含輸入框元素的label標籤上
樣式類名：
按鈕組：
類名樣式
css筆記 bootstrap柵格系統布局原理
你們知道bootstrap柵格系統布局的原理嗎？今天突然被老大問了一下，有點記憶混淆了，特此記錄 如果你是第一次接觸bootstrap，你一定會為他的柵格化布局感到敬佩，他為我們提供了一套響應式的布局方案。簡單地講 1 bootstrap內建了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕裝置或視...
Bootstrap3 0學習筆記之CSS相關補充
1.瀏覽器支援 2.3.響應式工具 4.遇到的問題 5.總結 瀏覽器支援 bootstrap的目標是在最新的桌面和移動瀏覽器上有最佳的表現，也就是說，在較老舊的瀏覽器上可能會導致某些元件表現出的樣式有些不同，但是功能是完整的。被支援的瀏覽器 特別注意，bootstrap堅決支援這些瀏覽器的最新版本 ...
Bootstrap筆記 按鈕
確定要刪除嗎？修改內容 修改內容 修改內容 修改內容 btn 是按鈕樣式的基類，在新增其他樣式前，必須先新增btn btn primary btn default btn success btn warning btn danger active 啟用 設定按鈕大小 btn lg btn md bt...