-強調相關的類

在Bootstrap中除了使用標籤`<strong>、<em>`等說明正文某些字詞、句子的重要性，Bootstrap還定義了一套類名，這裡稱其為強調類名（類似前面說的“.lead”）,這些強調類都是通過顏色來表示強調，具本說明如下：

>     .text-muted：提示，使用淺灰色（#999）
>     .text-primary：主要，使用藍色（#428bca）
>     .text-success：成功，使用淺綠色(#3c763d)
>     .text-info：通知資訊，使用淺藍色（#31708f）
 

>     .text-warning：警告，使用黃色（#8a6d3b）
>     .text-danger：危險，使用褐色（#a94442）

• 文字對齊風格

在排版中離不開文字的對齊方式。在CSS中常常使用text-align來實現文字的對齊風格的設定。其中主要有四種風格：

為了簡化操作，方便使用，Bootstrap通過定義四個類名來控制文字的對齊風格：

  ☑   .text-left：左對齊

  ☑   .text-center：居中對齊

  ☑   .text-right：右對齊

  ☑   .text-justify：兩端對齊

程式碼（一）

本節內容相對來說比較簡單，一般在個人部落格上使用的較為頻繁，用於顯示程式碼的風格。在Bootstrap主要提供了三種程式碼風格：
1
 
、使用`<code></code>`來顯示單行內聯程式碼
2、使用`<pre></pre>`來顯示多行塊程式碼
3、使用`<kbd></kbd>`來顯示使用者輸入程式碼

預編譯版本的Bootstrap將程式碼的樣式單獨提取出來：
1、LESS版本，請查閱code.less檔案
2、Sass版本，請查閱_code.scss檔案
編譯出來的CSS程式碼請查閱bootstrap.css檔案第688行~第730行，由於程式碼太長，此處不一一列舉。

在使用程式碼時，使用者可以根據具體的需求來使用不同的型別：
1、<code>：一般是針對於單個單詞或單個句子的程式碼
2
 
、<pre>：一般是針對於多行程式碼（也就是成塊的程式碼）
3、<kbd>:一般是表示使用者要通過鍵盤輸入的內容

雖然不同的型別風格不一樣，但其使用方法是類似的。
code風格：

<div>Bootstrap的程式碼風格有三種：
  <code>&lt;code&gt;</code>
  <code>&lt;pre&gt;</code>
  <code>&lt;kbd&gt;</code>
</div>

pre風格：

<div>
<pre>
&lt;ul&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;/ul&gt;
</pre>
</div>

kbd風格：

<div>請輸入<kbd>ctrl+c</kbd>來複制程式碼，然後使用<kbd>ctrl+v</kbd>來貼上程式碼</div>

不管使用哪種程式碼風格，在程式碼中碰到小於號（<）要使用硬編碼“&lt;”來替代，大於號(>)使用“&gt;”來替代。而且對於<pre>程式碼塊風格，標籤前面留多少個空格，在顯示效果中就會留多少個空格。建議在編寫HTML標籤時，就控制好

表格是Bootstrap的一個基礎元件之一，Bootstrap為表格提供了1種基礎樣式和4種附加樣式以及1個支援響應式的表格。在使用Bootstrap的表格過程中，只需要新增對應的類名就可以得到不同的表格風格，在接下來的內容中，我們會詳細介紹Bootstrap的表格使用。

同樣的，如果你對CSS前處理器熟悉，你可以使用Bootstrap提供的預處理版本：
  ☑  LESS版本，對應的檔案是 tables.less
  ☑  Sass版本，對應的檔案是 _tables.scss

如果你不懂LESS或Sass也不妨，你在bootstrap.css檔案中第1402行~第1630行中可以查閱到所有有關於table的樣式程式碼。由於程式碼太長，此處不一一列舉。

剛已經說了，Bootstrap為表格不同的樣式風格提供了不同的類名，主要包括：

  ☑  .table：基礎表格

  ☑  .table-striped：斑馬線表格

  ☑  .table-bordered：帶邊框的表格

  ☑  .table-hover：滑鼠懸停高亮的表格

  ☑  .table-condensed：緊湊型表格

  ☑  .table-responsive：響應式表格

• 表單

每一個表單都是由表單控制元件組成。離開了控制元件，表單就失去了意義。接下來的我們簡單的來了解Bootstrap框架中表單控制元件的相關知識。

單行輸入框，常見的文字輸入框，也就是input的type屬性值為text。在Bootstrap中使用input時也必須新增type型別，如果沒有指定type型別，將無法得到正確的樣式，因為Bootstrap框架都是通過input[type=“?”](其中?號代表type型別，比如說text型別，對應的是input[type=“text”])的形式來定義樣式的。

為了讓控制元件在各種表單風格中樣式不出錯，需要新增類名“form-control”，如：

<form role="form">
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter email">
</div>
</form>