佈局容器

bootstrap 它認為每一個網頁都應該會擁有固定的寬度，它會在容器裡面水平垂直居中或者是佔滿容器的100% 的寬度。

Bootstrap 將全域性 font-size 設定為 14px ，行高為 1.428（20px），<p> 段落行高設定為等於1/2（10px），顏色為 #333

1） 固定的寬度

.container 類用於固定寬度並支援響應式佈局的容器（水平居中）。

  2） 百分比寬度

.container-fluid 用於 100% 寬度，佔據全部視覺化視窗的容器。

排版樣式

.text-center 居中對齊

.text-right 居右對齊

.text-left居左對齊

.text-uppercase

.text-lowercase 用於將大寫字母轉換為小寫字母

.text-capitalize 用於實現首字母大寫

<abbr>  標籤指示簡稱或縮寫，比如 "WWW" 或 "NATO"(有利於搜尋引擎搜尋)

<mark> 突出顯示文字（加底紋）

以下是bootstrap複寫過樣式的標籤

<code> 用於表示計算機原始碼或者其他機器可以閱讀的文字內容。（加底紋）

<pre> 常見應用表示計算機的原始碼（加底紋和邊框）

列表樣式

列表：有序列表，無序列表，定義列表。

.sr-only 隱藏一個元素，可以是行可以是列，也可以是整個 table

.list-unstyled 用來將列表前面的專案符號去掉，同時去除列表預設的 margin 值

.list-inline 將列表中的內容排列成同一行，並且增加少量的 padding 值

.dl-horizontal 給定義列表來使用，將定義標題與定義描述資訊排列在同一行，將 dt 標記與 dd 標記裡面的內容排列在同一行

表格樣式

.table 為任意 <table> 標籤新增 .table 類可以為其賦予基本的樣式，少量 的 padding 和水平方向的分割線。

.table-bordered 為表格和其中的每個單元格增加邊框線

.table-striped 實現各行變色的效果（IE8不支援

table.table-striped tr:nth-child(odd){
            background:red;
            }
            /*控制各行的顏色,odd控制下標為偶數的行,even控制下標為奇數的行*/

.table-hover實現滑鼠放上的效果

		 table.table-hover tr:hover{
            background:red;
            }
            /*控制各行的顏色,odd控制下標為偶數的行,even控制下標為奇數的行*/

.table-condensed 緊湊型的表格，將 padding 值減半

.table-responsive 給表格父元素設定響應式，當螢幕小於 768px 時， 四周出現邊框

狀態類

只能給 tr 或者 td 或者 th 來設定，不能給 table 標記來設定

通過這些狀態類可以為行或單元格設定顏色