Bootstrap<基礎四> 代碼Bootstrap 允許您以兩種方式顯示代碼：

第一種是 <code> 标簽。如果您想要内聯顯示代碼，那麼您應該使用 <code> 标簽。

第二種是 <pre> 标簽。如果代碼需要被顯示為一個獨立的塊元素或者代碼有多行，那麼您應該使用 <pre> 标簽。

請確定當您使用 <pre> 和 <code> 标簽時，開始和結束标簽使用了 unicode 變體： < 和 >。

讓我們來看看下面的執行個體：

執行個體展示如下圖：

系列文章：

<a href="http://www.cnblogs.com/lansy/p/4334611.html%20" target="_blank">Bootstrap &lt;基礎一&gt; css 概覽</a>

<a href="http://www.cnblogs.com/lansy/p/4337381.html%20" target="_blank">Bootstrap&lt;基礎二&gt;網絡系統</a>

<a href="http://www.cnblogs.com/lansy/p/4339002.html%20" target="_blank">Bootstrap&lt;基礎三&gt;排版</a>

<a href="http://www.cnblogs.com/lansy/p/4341498.html%20" target="_blank">Bootstrap&lt;基礎四&gt; 代碼</a>

<a href="http://www.cnblogs.com/lansy/p/4343823.html%20" target="_blank">Bootstrap &lt;基礎五&gt;表格</a>

<a href="http://www.cnblogs.com/lansy/p/4346492.html">Bootstrap&lt;基礎六&gt; 表單</a>

<a href="http://www.cnblogs.com/lansy/p/4355913.html%20" target="_blank">Bootstrap &lt;基礎七&gt;按鈕</a>

<a href="http://www.cnblogs.com/lansy/p/4380536.html%20" target="_blank">Bootstrap &lt;基礎八&gt;圖檔</a>

<a href="http://www.cnblogs.com/lansy/p/4395706.html" target="_blank">Bootstrap&lt;基礎九&gt;輔助類</a>

<a href="http://www.cnblogs.com/lansy/p/4397409.html%20" target="_blank">Bootstrap&lt;基礎十&gt; 響應式實用工具</a>

<a href="http://www.cnblogs.com/lansy/p/4401476.html%20" target="_blank">Bootstrap&lt;基礎十一&gt;字型圖示(Glyphicons)</a>

<a href="http://www.cnblogs.com/lansy/p/4408654.html%20" target="_blank">Bootstrap &lt;基礎十二&gt;下拉菜單（Dropdowns）</a>

<a href="http://www.cnblogs.com/lansy/p/4413528.html%20" target="_blank">Bootstrap&lt;基礎十三&gt; 按鈕組</a>

<a href="http://www.cnblogs.com/lansy/p/4423945.html%20" target="_blank">Bootstrap&lt;基礎十四&gt; 按鈕下拉菜單</a>

<a href="http://www.cnblogs.com/lansy/p/4427558.html%20" target="_blank">Bootstrap&lt;基礎十五&gt; 輸入框組</a>

<a href="http://www.cnblogs.com/lansy/p/4430985.html%20" target="_blank">Bootstrap&lt;基礎十六&gt; 導航元素</a>

<a href="http://www.cnblogs.com/lansy/p/4433938.html%20" target="_blank">Bootstrap&lt;基礎十七&gt;導航欄</a>

<a href="http://www.cnblogs.com/lansy/p/4440639.html%20" target="_blank">Bootstrap &lt;基礎十八&gt;面包屑導航（Breadcrumbs）</a>

<a href="http://www.cnblogs.com/lansy/p/4440639.html%20" target="_blank">Bootstrap &lt;基礎十九&gt;分頁</a>

<a href="http://www.cnblogs.com/lansy/p/4446365.html%20" target="_blank">Bootstrap&lt;基礎二十&gt; 标簽</a>

<a href="http://www.cnblogs.com/lansy/p/4449345.html%20" target="_blank">Bootstrap &lt;基礎二十一&gt;徽章（Badges）</a>

<a href="http://www.cnblogs.com/lansy/p/4452409.html%20" target="_blank">Bootstrap &lt;基礎二十二&gt;超大螢幕（Jumbotron）</a>

<a href="http://www.cnblogs.com/lansy/p/4458972.html%20" target="_blank">Bootstrap &lt;基礎二十三&gt;頁面标題（Page Header）</a>

<a href="http://www.cnblogs.com/lansy/p/4462048.html%20" target="_blank">Bootstrap&lt;基礎二十四&gt; 縮略圖</a>

<a href="http://www.cnblogs.com/lansy/p/4475377.html%20" target="_blank">Bootstrap &lt;基礎二十五&gt;警告（Alerts）</a>

<a href="http://www.cnblogs.com/lansy/p/4478334.html%20" target="_blank">Bootstrap &lt;基礎二十六&gt;進度條</a>