GitHub上這樣介紹 bootstrap：##
? 簡單靈活可用于架構(gòu)流行的用戶界面和交互接口的html、css、javascript工具集。
? 基于html5、css3的bootstrap，具有大量的誘人特性：友好的學(xué)習(xí)曲線，卓越的兼容性，響應(yīng)式設(shè)
計，12列格網(wǎng)，樣式向?qū)臋n。
? 自定義JQuery插件，完整的類庫，基于Less等。
基本的HTML模板##
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--在IE運行最新的渲染模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--初始化移動瀏覽顯示 視口寬度等于物理設(shè)備真實的分辨率（寬度等于設(shè)備的寬度） 初始縮放比例為1，也就是不縮放-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap的HTML標準模板</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--你自己的樣式文件 -->
<link href="css/your-style.css" rel="stylesheet">
<!-- 以下兩個插件用于在IE8以及以下版本瀏覽器支持HTML5元素和媒體查詢，如果不需要用可以移除 -->
<!--[if lt IE 9]>
bootstrap模板為使IE6、7、8版本（IE9以下版本）瀏覽器兼容html5新增的標簽，引入下面代碼文件即可。
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
同理為使IE6、7、8版本瀏覽器兼容css3樣式，引入下面代碼：
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- 如果要使用Bootstrap的js插件，必須先調(diào)入jQuery -->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根據(jù)需要使用的js插件調(diào)用 -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
全局樣式##
Bootstrap框架的核心是輕量的CSS基礎(chǔ)代碼庫，他并沒有一味的重置樣式，而是注重重置可能產(chǎn)生問題的樣式（如，body,form的margin等），保留和堅持部分瀏覽器的基礎(chǔ)樣式，解決部分潛在的問題，提升一些細節(jié)的體驗，具體說明如下：
- 移除body的margin聲明
- 設(shè)置body的背景色為白色
- 為排版設(shè)置了基本的字體、字號和行高
- 設(shè)置全局鏈接顏色，且當鏈接處于懸浮“:hover”狀態(tài)時才會顯示下劃線樣式
強調(diào)相關(guān)的類##
Bootstrap定義了一套類名，這里稱其為強調(diào)類名（類似前面說的“.lead”）,這些強調(diào)類都是通過顏色來表示強調(diào)，具本說明如下：
.text-muted：提示，使用淺灰色（#999）
.text-primary：主要，使用藍色（#428bca）
.text-success：成功，使用淺綠色(#3c763d)
.text-info：通知信息，使用淺藍色（#31708f）
.text-warning：警告，使用黃色（#8a6d3b）
.text-danger：危險，使用褐色（#a94442）
Bootstrap根據(jù)平時的使用情形提供了六種形式的列表：
? 普通列表
? 有序列表
? 去點列表（.list-unstyled）
? 內(nèi)聯(lián)列表（.list-inline）
? 描述列表
? 水平描述列表（.dl-horizontal）
代碼（一）##
本節(jié)內(nèi)容相對來說比較簡單，一般在個人博客上使用的較為頻繁，用于顯示代碼的風(fēng)格。在Bootstrap主要提供了三種代碼風(fēng)格：
1、使用<code></code>來顯示單行內(nèi)聯(lián)代碼
2、使用<pre></pre>來顯示多行塊代碼
3、使用<kbd></kbd>來顯示用戶輸入代碼
預(yù)編譯版本的Bootstrap將代碼的樣式單獨提取出來：
1、LESS版本，請查閱code.less文件
2、Sass版本，請查閱_code.scss文件
編譯出來的CSS代碼請查閱bootstrap.css文件第688行~第730行，由于代碼太長，此處不一一列舉。
在使用代碼時，用戶可以根據(jù)具體的需求來使用不同的類型：
1、<code>：一般是針對于單個單詞或單個句子的代碼
2、<pre>：一般是針對于多行代碼（也就是成塊的代碼）
3、<kbd>:一般是表示用戶要通過鍵盤輸入的內(nèi)容
雖然不同的類型風(fēng)格不一樣，但其使用方法是類似的。
code風(fēng)格：
<div>Bootstrap的代碼風(fēng)格有三種：
<code><code></code>
<code><pre></code>
<code><kbd></code>
</div>
pre風(fēng)格：
<div>
<pre>
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</pre>
</div>
在pre標簽上添加類名“.pre-scrollable”，就可以控制代碼塊區(qū)域最大高度為340px，一旦超出這個高度，就會在Y軸出現(xiàn)滾動條。
/源碼請查看bootstrap.css第731行~第734行/
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
kbd風(fēng)格：
<div>請輸入<kbd>ctrl+c</kbd>來復(fù)制代碼，然后使用<kbd>ctrl+v</kbd>來粘貼代碼</div>
不管使用哪種代碼風(fēng)格，在代碼中碰到小于號（<）要使用硬編碼“<”來替代，大于號(>)使用“>”來替代。
而且對于<pre>代碼塊風(fēng)格，標簽前面留多少個空格，在顯示效果中就會留多少個空格。
表格##
表格是Bootstrap的一個基礎(chǔ)組件之一，Bootstrap為表格提供了1種基礎(chǔ)樣式和4種附加樣式以及1個支持響應(yīng)式的表格。在使用Bootstrap的表格過程中，只需要添加對應(yīng)的類名就可以得到不同的表格風(fēng)格。
同樣的，如果你對CSS預(yù)處理器熟悉，你可以使用Bootstrap提供的預(yù)處理版本：
? LESS版本，對應(yīng)的文件是 tables.less
? Sass版本，對應(yīng)的文件是 _tables.scss
Bootstrap為表格不同的樣式風(fēng)格提供了不同的類名，主要包括：
? .table：基礎(chǔ)表格
? .table-striped：斑馬線表格
? .table-bordered：帶邊框的表格
? .table-hover：鼠標懸停高亮的表格
? .table-condensed：緊湊型表格
? .table-responsive：響應(yīng)式表格
Bootstrap還為表格的行元素<tr>提供了五種不同的類名，每種類名控制了行的不同背景顏色，具體說明如下表所示：
特別提示：除了”.active”之外，其他四個類名和”.table-hover”配合使用時，Bootstrap針對這幾種樣式也做了相應(yīng)的懸浮狀態(tài)的樣式設(shè)置，所以如果需要給tr元素添加其他顏色樣式時，在”.table-hover”表格中也要做相應(yīng)的調(diào)整。
注意要實現(xiàn)懸浮狀態(tài)，需要在<table>標簽上加入table-hover類。
如下代碼：
<table class="table-hover">
基礎(chǔ)表單##
表單主要功能是用來與用戶做交流的一個網(wǎng)頁控件，良好的表單設(shè)計能夠讓網(wǎng)頁與用戶更好的溝通。表單中常見的元素主要包括：文本輸入框、下拉選擇框、單選按鈕、復(fù)選按鈕、文本域和按鈕等。其中每個控件所起的作用都各不相同，而且不同的瀏覽器對表單控件渲染的風(fēng)格都各有不同。
