本節內容相對來說比較簡單，一般在個人博客上使用的較為頻繁，用于顯示代碼的風格。在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標簽時，就控制好，例如查看右側代碼編輯器上的15-19行。