Bootstrap一些基礎知識
Bootstrap 網格系統例項：堆疊的水平
- <div class="container">...</div> 元素被新增，確保居中和最大寬度。
- 一旦添加了容器，接下來您需要考慮以行為單位。新增 <div class="row">...</div>，並在行內新增列 <div class="col-md-6"></div>。
- 網格中的每一行是由 12 個單元組成的，您可以使用這些單元定義列的尺寸。確保總和總是 12
內聯子標題
如果需要向任何標題新增一個內聯子標題，只需要簡單地在元素兩旁新增 <small>，或者新增 .small
引導主體副本
為了給段落新增強調文字，則可以新增 class="lead"，這將得到更大更粗、行高更高的文字
強調
<small > 本行內容是在標籤內 </ small > < br > <strong>本行內容是在標籤內</strong><br> <em>本行內容是在標籤內，並呈現為斜體</em><br> <p縮寫
HTML 元素提供了用於縮寫的標記，比如 WWW 或 HTTP。Bootstrap 定義 <abbr> 元素的樣式為顯示在文字底部的一條虛線邊框，當滑鼠懸停在上面時會顯示完整的文字（只要您為 <abbr> title 屬性添加了文字）。新增 .initialism 到 <abbr>，小寫轉化成大寫。
地址（Address）
使用 <address> 標籤，您可以在網頁上顯示聯絡資訊。由於 <address> 預設為 display:block;，您需要使用 標籤來為封閉的地址文字新增換行。
引用（Blockquote）
您可以在任意的 HTML 文字旁使用預設的 <blockquote>。其他選項包括，新增一個 <small> 標籤來標識引用的來源，使用 class .pull-right 向右對齊引用。
<cite title="Source Title">Source Title</cite>(斜體，強調)。
列表
Bootstrap 支援有序列表、無序列表和定義列表。
- 有序列表：有序列表是指以數字或其他有序字元開頭的列表。
- 無序列表：無序列表是指沒有特定順序的列表，是以傳統風格的著重號開頭的列表。如果您不想顯示這些著重號，您可以使用 class .list-unstyled 來移除樣式。您也可以通過使用 class .list-inline 把所有的列表項放在同一行中。
- 定義列表：在這種型別的列表中，每個列表項可以包含 <dt> 和 <dd> 元素。<dt> 代表 定義術語，就像字典，這是被定義的術語（或短語）。接著，<dd> 是 <dt> 的描述。您可以使用 class dl-horizontal 把 <dl> 行中的術語與描述並排顯示。
Bootstrap 程式碼
Bootstrap 允許您以兩種方式顯示程式碼：
- 第一種是 <code> 標籤。如果您想要內聯顯示程式碼，那麼您應該使用 <code> 標籤。
- 第二種是 <pre> 標籤。如果程式碼需要被顯示為一個獨立的塊元素或者程式碼有多行，那麼您應該使用 <pre> 標籤。
請確保當您使用 <pre> 和 <code> 標籤時，開始和結束標籤使用了 unicode 變體： < 和 >。
Bootstrap 表格
表格類
.table 為任意 <table> 新增基本樣式 (只有橫向分隔線) .table-striped 在 <tbody> 內新增斑馬線形式的條紋 ( IE8 不支援)
.table-bordered 為所有表格的單元格新增邊框
.table-hover 在 <tbody> 內的任一行啟用滑鼠懸停狀態
.table-responsive 表格水平滾動適應小型裝置
行或者單元格類（每種顏色不一樣）
.active 懸停的顏色應用在行或者單元格上、 .success 表示成功的操作 .info 表示資訊的操作 .warning 表示警告的操作 .danger 表示危險的操作