1.響應式佈局
Bootstrap會自動獲取使用者螢幕的大小，並根據螢幕的大小自動調整HTML元素的高度和寬度來適配螢幕
將所有的HTML元素放在class名為"container-fluid"的div屬性中，便形成一個響應式容器。
2.Bootstrap使用方法
使用Bootstrap，只需要在需要佈局的頁面頭部加入以下連結：
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap /3.3.1/css/bootstrap.min.css"/>3.圖片屬性
給圖片新增img-responsive的class屬性，圖片的寬度就能自動適配你頁面的寬度；
4.標題居中
加上"text-center"的class屬性便可以進行居中顯示
5.button標籤
設定button標籤，需要先加上“btn”這個class
(1)btn-block這個class將按鈕升級為塊級元素，使button標籤充滿整個螢幕，並且該元素後面的元素都會浮動到下一行；
(2)btn-primary這個class是該應用的主要顏色類，這個類的顏色對於那些你希望高亮提示使用者的操作上非常有用；、
(3)btn-info這個class通常被用在使用者比較可能會點選的操作上；
(4)btn-danger這個class是用來告訴使用者這個操作會有一定危險性，比如刪除這樣的操作；
(5)btn-default預設按鈕
6.元素列寬設定col-md-*這樣的class，其中md表示中等，星號表示一個數字，指定了元素應該佔多少列寬，md一般用來設定中等尺寸寬度的諸如膝上型電腦螢幕上的佈局；
xs和md不同，xs是指螢幕較小的裝置，比如手機螢幕之類；
7.文字格式text-primary這個class用來設定文字格式為主要顯示的格式（一般為藍色）；text-danger這個class用來顯著提醒（紅色）；
span標籤，可以將多個標籤放在一起，甚至可以對同一標籤的不同部分進行不同的樣式設定；
8.Bootstrap行容器
將HTML元素包含在<div class="row"></div>中，
行容器分列：分別對各個元素包含在<div class="col-xs-*"></div>中，分別設定寬度；
9.Font Awesome圖示
（1）使用Font Awesome圖示需要新增以下連結到HTML頭部
<link rel =“stylesheet”href =“// maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”/>(2）i標籤最初是作為製作其他元素的斜體，但現在通常用作圖示，可以將Font Awesome類新增到i標籤轉化為圖示；
(3）示例展示
<i class="fa fa-thumbs-up"></i>//大拇指
<i class="fa fa-info-circle"></i>//感嘆號
<i class="fa fa-trash"></i>//垃圾桶
<i class="fa fa-paper-plane"></i>//紙飛機10.表單控制元件form-control
input標籤加上form-control之後，效果為：
（1）寬度為100%；
（2）設定邊框為淺灰色；
（3）控制元件具有4px的圓角；
（4）設定陰影效果，當獲得焦點時，陰影和邊框效果會發生變化；
（5）設定placeholder的顏色為#999；
11.well屬性
well屬性讓建立的列具有視覺深度的層次感
本作品採用《CC 協議》，轉載必須註明作者和本文連結