Bootstrap 代码高亮显示code、pre

Bootstrap 有两种方式显示代码的方法：

第一种是 <code> 标签。如果您想要内联显示代码，那么就使用 <code> 标签。

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

<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>

效果如下：

<header> 作为内联元素被包围。

如果需要把代码显示为一个独立的块元素，请使用 <pre> 标签：

 <article> <h1>Article Heading</h1> </article>