布局容器
.container 固定寬度
.container-fluid 全屏
.row 行
.col-lg- 大屏幕
.col-md- 中屏幕
變量
@grid-columns: 12 列數
@grid-gutter-width: 30px 槽寬
@grid-float-breakpoint: 768px 媒體查詢闕值(確定合適讓列浮動)
中心內容
.lead 段落突出顯示
內聯文本元素
改變包含內容背景色
刪除線
下劃線
小號文本
加粗
斜體
文本對齊
.text-left 靠左
.text-center 居中
.text-right 靠右
.text-justify 文本對齊
.text-nowrap 不自動換行
.text-lowercase 文本小寫
.text-uppercase 文本大寫
.text-capitalize 首字母大寫
引用

 元素可滾動，代碼塊區域最大高度為340px

變量

 變量

表格

.table 表格

.table-striped 條紋狀表格

.table-bordered 帶邊框的表格

.table-hover 鼠標懸停

.table-condensed 緊縮表格

.table-responsive 響應式表格

.success 綠色

.active 灰色

.info 青色

.warning 黃色

.danger 紅色

表單

.form-control 向所有的文本元素 、 和 <select><br />
.form-group 表單<br />
.form-inline 內聯表單(向左對齊的，標簽是並排的)<br />
<label for=""></label> 每個輸入控件設置 label 標簽，屏幕閱讀器將正確識別<br />
.form-horizontal 水平排列的表單<br />
text 文本<br />
password 密碼<br />
datetime 日期時間<br />
datatime-local 當地日期時間<br />
date 日期<br />
month 月<br />
time 事件<br />
input week 周<br />
number 數字<br />
email 郵件<br />
url 鏈接<br />
search 搜索<br />
tel 電話<br />
color 顏色<br />
rows="3" 根據需要改變 rows 屬性<br />
.checkbox 多選框<br />
.radio 單選框<br />
.checkbox-inline 內聯多選框<br />
.radio-inline 內聯單選框<br />
選擇框(select)<br />
.form-control 下拉菜單<br />
multiple="multiple" 允許用戶選擇多個選項<br />
.form-control-static 需要在一個水平表單內的表單標簽後放置純文本時，請在 <p> 上使用 class .form-control-static<br />
<fieldset></fieldset> 可以禁用 <fieldset> 中包含的所有控件<br />
.has-feedback 為輸入框添加額外的圖標<br />
.form-control-feedback 為輸入框添加額外的圖標子元素<br />
.sr-only 隱藏表單控件的 <label> （而不是使用其它標簽選項，如 aria-label 屬性）， 一旦它被添加，Bootstrap 會自動調整圖標的位置。<br />
按鈕<br />
.btn 按鈕<br />
.btn-default 默認樣式<br />
.btn-primary 原始按鈕樣式<br />
.btn-success 綠色<br />
.btn-info 青色<br />
.btn-warning 黃色<br />
.btn-danger 紅色<br />
.btn-link 鏈接式按鈕<br />
.btn-block 塊級按鈕(拉伸至父元素100%的寬度)<br />
.active 激活狀態<br />
.disabled 禁用按鈕<br />
圖片<br />
.img-responsive 響應式圖片<br />
.img-rounded 圖片圓角<br />
.img-circle 圓形圖片<br />
.img-thumbnail 縮略圖/有邊框<br />
輔助類<br />
.pull-left 左浮動<br />
.pull-right 右浮動<br />
.center-block 水平居中<br />
.clearfix 清除浮動<br />
.show 強制元素顯示<br />
.hidden 強制元素隱藏<br />
.sr-only 除了屏幕閱讀器外，其他設備上隱藏元素<br />
.sr-only-focusable 與 .sr-only 類結合使用，在元素獲取焦點時顯示(如：鍵盤操作的用戶)<br />
.text-hide 將頁面元素所包含的文本內容替換為背景圖<br />
.close 顯示關閉按鈕<br />
.caret 顯示下拉式功能</p>
<pre><code>下拉菜單
.dropdown                               下拉菜單
.dropdown-menu                          下拉選項
.dropup                                 上拉菜單
.dropdown-toggle                        下拉菜單切換
.dropdown-menu-right                    右對齊
.dropdown-menu-left                     左對齊
.dropdown-header                        標題
.drivider                               分割線
.disabled                               禁用項
按鈕組
.btn-group                              按鈕組
.btn-toolbar                            多重按鈕組
.btn-group-vertical                     水平按鈕組
.btn-group-justified                    兩端對齊排列的按鈕組
輸入框組
.input-group                            輸入框組
.input-group-addon                      單獨一側加控件
.input-group-btn                        單獨一側加按鈕
導航元素
.nav nav-tab                            標簽頁
.nav nav-pills                          膠囊式標簽頁
.nav nav-pills nav-stacked              膠囊式標簽頁以垂直方向堆疊排列的
.nav-justified                          兩端對齊的標簽頁
.disabled                               禁用的標簽頁
.tab-content                            與 .tab-pane 和 data-toggle="tab" (data-toggle="pill" ) 一同使用, 設置標簽頁對應的內容隨標簽的切換而更改
.tab-pane                               與 .tab-content 和 data-toggle="tab" (data-toggle="pill")一同使用, 設置標簽頁對應的內容隨標簽的切換而更改
導航條
.navbar                                 
.navbar-defalut                         默認樣式
.navbar-toggle                          響應式導航欄
.narbar-header                          導航欄頭部
.narbar-brand                           導航欄圖標
.navbar-form                            導航欄表單
.navbar-btn                             導航欄按鈕
.navbar-text                            導航欄文本
.navbar-link                            非導航的鏈接
.navbar-left                            左對齊
.navbar-right                           右對齊
.navbar-fixed-top                       固定在頂部
.navbar-fixed-botton                    固定在底部
.navbar-static-top                      靜態的頂部
.navbar-inverse                         反色導航欄
分頁
.pagination                             
.disabled                               定義不可點擊的鏈接
.active                                 指示當前的頁面
翻頁
.pager 
.previous                               上一頁左對齊
.next                                   下一頁右對齊
.disabled                               禁用
面包屑導航
.breadrumb                              
標簽
.lable lable-default                    默認灰色標簽
.lable lable-primary                    藍色標簽
.lable lable-success                    綠色標簽
.lable lable-info                       淺藍色標簽
.lable lable-warning                    黃色標簽
.lable lable-danger                     紅色標簽
徽章
.badge                                  
巨幕
.jumbotron                          
頁頭
.page-header                            
縮略圖
.thumbnail                              
警告框
.alert alert-sccess                     綠色警告框
.alert alert-info                       淺藍色警告框
.alert alert-warning                    黃色警告框
.alert alert-danger                     紅色警告框
.alert-dismissible                      可關閉的警告框
進度條
.progress                               
.progress-bar                           顯示進度百分比
.progress-bar-striped                   條紋進度條
多媒體對象
.media
.media-left                             媒體左邊內容
.media-object                           媒體對象
.media-body                             媒體主體
.media-heading                          媒體標題
.media-list                             媒體對象列表
列表組
.list-group 
.list-group-item                        列表組子元素
面版
.panel
.panel-default                          默認面版
.panel-body                             面版主體
.panel-heading                          面版標題
.panel-footer                           面版腳註
嵌入內容
.embed-responsive                       
.embed-responsive-item                  嵌入內容子元素</code></pre>
 

Bootstrap常用單詞組