為了方便快速開發(fā)，小結(jié)常用bootstrap類名，熟練記憶。

1. 柵格類:
   col-xs/sm/md/lg-* 列，占據(jù)母元素的幾份

2. 表單<form>
   form-inline 行內(nèi)表單
   form-group 表單組
   form-control 表單控件
   has-warning/error/success 顯示狀態(tài)

3. 按鈕
   btn基本樣式
   btn-default/primary/success/info/warning/danger 其他按鈕樣式
   btn-lg/md/sm/xs 按鈕大小
   btn-block 塊級(jí)按鈕,拉伸至父元素100%的寬度

4. 按鈕組
   btn-group 按鈕組，里面放置一系列button
   btn-toolbar 按鈕工具欄，里面放置幾組btn-group
   btn-group-xs/sm/md/lg 按鈕組的大小樣式
   btn-group-vertical 垂直按鈕組

5. 導(dǎo)航
   nav 基本導(dǎo)航
   nav-tabs 標(biāo)簽式導(dǎo)航菜單
   nav-pills 膠囊式導(dǎo)航菜單
   nav-stacked膠囊垂直對(duì)方
   nav-justified 導(dǎo)航自適應(yīng)

6. 導(dǎo)航欄
   navbar 導(dǎo)航欄基本樣式
   navbar-default 默認(rèn)樣式
   navbar-header 導(dǎo)航欄頭
   navbar-brand 導(dǎo)航欄頭里面的導(dǎo)航牌
   nav navbar-nav 為了向?qū)Ш綑谔砑渔溄?，只需要在無序列表添加這兩個(gè)類
   navbar-left/right左/右對(duì)齊
   navbar-form 導(dǎo)航中的form表單

7. 面板
   panel 基礎(chǔ)面板
   panel-default/primary/success/info/warning/danger 其他面板
   panel-heading 面板頭部
   panel-title 面板標(biāo)題
   panel-body 面板內(nèi)容
   panel-footer 面板腳注

8. 表格
   table 表格基本樣式(只有橫向分隔線)
   table-striped 條紋表格
   table-bordered 邊框
   table-hover 懸停
   table-condensed 更加緊湊
   active/success/info/warning/danger 來改變tr/th/td背景顏色
   table-responsive 響應(yīng)式表格

9. 其他：
   container 容器
   row 行
   small 小
   text-muted 文本靜音
   well 上下左右有個(gè)padding
   pagination 分頁
   pager 翻頁
   disabled 禁用
   active 活躍
   breadcrumb 面包屑
   label 標(biāo)簽
   label-success/info/warning/danger 標(biāo)簽其他樣式
   badge 徽章
   alert彈出提示
   alert-success/info/warning/danger其他彈出樣式
   list-group 列表組
   list-group-item 列表項(xiàng)