一、按鈕
.btn 的元素都會(huì)繼承圓角灰色按鈕的默認(rèn)外觀秸仙；
.btn-default 默認(rèn)/標(biāo)準(zhǔn)按鈕 圓角白色外觀嘴拢；
.btn-primary 藍(lán)底白字圓角外觀 原始按鈕樣式（未被操作）；
.btn-success 綠底白字圓角外觀 成功狀態(tài)筋栋；
.btn-info 天藍(lán)色底白字圓角外觀 可用于要彈出信息的按鈕炊汤；
.btn-warning 橙黃色背景白色字外觀 表示需要謹(jǐn)慎操作的按鈕；
.btn-danger 大紅色背景白色字體外觀 表示一個(gè)危險(xiǎn)動(dòng)作的按鈕操作弊攘；
.btn-link 無(wú)邊框藍(lán)色鏈接的字體 讓按鈕看起來(lái)像個(gè)鏈接 (仍然保留按鈕行為)抢腐；
.btn-lg 大按鈕
.btn-sm 小按鈕
.btn-xs 超小按鈕
.btn-block 塊級(jí)按鈕(拉伸至父元素100%的寬度)
.active 按鈕被激活的狀態(tài)
.disabled 禁用按鈕，跟規(guī)定的disabled="disabled"樣式不同襟交，這個(gè)只是不可點(diǎn)迈倍，沒(méi)有禁止符號(hào)；
按鈕標(biāo)簽：可以在 <a>捣域、<button> 或 <input> 元素上使用按鈕 class啼染。但是建議您在 <button> 元素上使用按鈕 class，避免跨瀏覽器的不一致性問(wèn)題焕梅。
<a class="btn btn-default" href="#" role="button">鏈接</a>
<button class="btn btn-default" type="submit" >按鈕</button>
<input class="btn btn-default" type="button" value="輸入">
二迹鹅、圖片
- .img-rounded：添加 border-radius:6px 來(lái)獲得圖片圓角。(IE8 不支持)贞言；
- .img-circle：添加 border-radius:50% 來(lái)讓整個(gè)圖片變成圓形斜棚。 (IE8 不支持)；
- .img-thumbnail：添加一些內(nèi)邊距（padding）和一個(gè)灰色的邊框该窗，縮略圖功能弟蚀；
- .img-responsive 讓圖片支持響應(yīng)式；
<img src="cinqueterre.jpg" class="img-responsive" width="304" height="236">
三酗失、輔助類
1）文本：（如果文本是個(gè)鏈接鼠標(biāo)移動(dòng)到文本上會(huì)變暗）
.text-muted 正骋宥ぃ灰黑色字體
.text-primary 藍(lán)色字體
.text-success 綠色字體
.text-info 藍(lán)灰色字體
.text-warning 黃色字體
.text-danger 紅色字體
2）背景：（如果文本是個(gè)鏈接鼠標(biāo)移動(dòng)到文本上會(huì)變暗）
.bg-primary 深藍(lán)色背景
.bg-success 淺綠色背景
.bg-info 淡藍(lán)色背景
.bg-warning 淡黃色背景
.bg-danger 淡紅色背景
3）其他
.pull-left 左浮動(dòng)
.pull-right 右浮動(dòng)
.clearfix 清浮動(dòng)
.center-block 塊級(jí)并居中
.show 強(qiáng)制元素顯示
.hidden 強(qiáng)制元素隱藏
.sr-only 除了屏幕閱讀器外，其他設(shè)備上隱藏元素
.text-hide 隱藏文字规肴，將頁(yè)面元素所包含的文本內(nèi)容替換為背景圖
.caret 顯示下拉式功能捶闸，例如：
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Menu <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">一個(gè)鏈接</a></li>
<li><a href="#">另一個(gè)鏈接 link</a></li>
<li><a href="#">其他功能</a></li>
</ul>
</div>
.close 關(guān)閉圖標(biāo)實(shí)例
<button type="button" class="close" aria-hidden="true">×</button>
aria-hidden="true" 是用于屏幕閱讀器的夜畴，幫助殘障人士更好的訪問(wèn)網(wǎng)站。
.caret 使用插入符表示下拉功能和方向,使用帶有 class caret 的 <span> 元素得到該功能删壮。
<p>插入符實(shí)例<span class="caret"></span></p>
四斩启、響應(yīng)式實(shí)用工具
通過(guò)媒體查詢結(jié)合大型、小型和中型設(shè)備醉锅，實(shí)現(xiàn)內(nèi)容對(duì)設(shè)備的顯示和隱藏兔簇。
需要謹(jǐn)慎使用這些工具，避免在同一個(gè)站點(diǎn)創(chuàng)建完全不同的版本硬耍，響應(yīng)式實(shí)用工具目前只適用于塊和表切換垄琐。
.visible-xs-* / .hidden-xs 在超小屏幕 手機(jī)<768px下可見(jiàn)或者隱藏
.visible-sm-* / .hidden-sm 在小屏幕 平板>=768px下可見(jiàn)或者隱藏
.visible-md-* / .hidden-md 在中等屏幕 桌面 >=992px下可見(jiàn)或者隱藏
.visible-lg-* / .hidden-lg 在大屏幕 桌面>=1200下可見(jiàn)或者隱藏
從 v3.2.0 版本起，形如 .visible-- 的類針對(duì)每種屏幕大小都有了三種變體经柴，每個(gè)針對(duì) CSS 中不同的 display 屬性：
.visible--block：display: block;
.visible--inline：display: inline;
.visible--inline-block:display: inline-block;
因此狸窘，以超小屏幕（xs）為例，可用的 .visible--* 類是：.visible-xs-block坯认、.visible-xs-inline 和 .visible-xs-inline-block翻擒。.visible-xs、.visible-sm牛哺、.visible-md 和 .visible-lg 類也同時(shí)存在陋气。但是從 v3.2.0 版本開(kāi)始不再建議使用。除了 <table> 相關(guān)的元素的特殊情況外引润，它們與 .visible-*-block 大體相同巩趁。
