本節(jié)內(nèi)容相對(duì)來說比較簡單，一般在個(gè)人博客上使用的較為頻繁，用于顯示代碼的風(fēng)格。在Bootstrap主要提供了三種代碼風(fēng)格：
1、使用<code></code>來顯示單行內(nèi)聯(lián)代碼
2、使用<pre></pre>來顯示多行塊代碼
3、使用<kbd></kbd>來顯示用戶輸入代碼

預(yù)編譯版本的Bootstrap將代碼的樣式單獨(dú)提取出來：
1、LESS版本，請(qǐng)查閱code.less文件
2、Sass版本，請(qǐng)查閱_code.scss文件
編譯出來的CSS代碼請(qǐng)查閱bootstrap.css文件第688行~第730行，由于代碼太長，此處不一一列舉。

在使用代碼時(shí)，用戶可以根據(jù)具體的需求來使用不同的類型：
1、<code>：一般是針對(duì)于單個(gè)單詞或單個(gè)句子的代碼
2、<pre>：一般是針對(duì)于多行代碼（也就是成塊的代碼）
3、<kbd>:一般是表示用戶要通過鍵盤輸入的內(nèi)容

雖然不同的類型風(fēng)格不一樣，但其使用方法是類似的。
code風(fēng)格：

<div>Bootstrap的代碼風(fēng)格有三種：
  <code>&lt;code&gt;</code>
  <code>&lt;pre&gt;</code>
  <code>&lt;kbd&gt;</code>
</div>

pre風(fēng)格：

<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風(fēng)格：

<div>請(qǐng)輸入<kbd>ctrl+c</kbd>來復(fù)制代碼，然后使用<kbd>ctrl+v</kbd>來粘貼代碼</div>

不管使用哪種代碼風(fēng)格，在代碼中碰到小于號(hào)（<）要使用硬編碼“&lt;”來替代，大于號(hào)(>)使用“&gt;”來替代。而且對(duì)于<pre>代碼塊風(fēng)格，標(biāo)簽前面留多少個(gè)空格，在顯示效果中就會(huì)留多少個(gè)空格。建議在編寫HTML標(biāo)簽時(shí)，就控制好，例如查看右側(cè)代碼編輯器上的15-19行。