Bootstrap 3 提供了两种方式来显示源码

1. 使用 <code> 标签

   如果想要显示的源代码只有一行，那么应该使用 <code> 标签

2. 使用 <pre> 标签

   如果代码需要被显示为一个独立的块元素或者代码有多行，那么应该使用 <pre> 标签

注意：

请确保使用 <pre> 和 lt;code> 标签时，开始和结束标签使用了 unicode 变体： &lt; 和 &gt;

下面的范例使用 <pre> 和 <code> 来显示源代码

<p><code>&lt;header&gt;</code> 作为内联元素被包围</p>
<p>如果需要把代码显示为一个独立的块元素，请使用 &lt;pre&gt; 标签：</p>
<pre>
    &lt;article&gt;
        &lt;h1&gt;Article Heading&lt;/h1&gt;
    &lt;/article&gt;
</pre>

运行范例 »

实例展示如下图：

更多范例