Bootstrap 代碼

Bootstrap 允許您以兩種方式顯示代碼：

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

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

請確定當您使用 &lt;pre&gt; 和 &lt;code&gt; 标簽時，開始和結束标簽使用了 unicode 變體：<b> &amp;lt;</b> 和 <b>&amp;gt;</b>。

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

&lt;p&gt;&lt;code&gt;&amp;lt;header&amp;gt;&lt;/code&gt; 作為内聯元素被包圍。&lt;/p&gt;

&lt;p&gt;如果需要把代碼顯示為一個獨立的塊元素，請使用 &amp;lt;pre&amp;gt; 标簽：&lt;/p&gt;

&lt;pre&gt;

&amp;lt;article&amp;gt;

&amp;lt;h1&amp;gt;Article Heading&amp;lt;/h1&amp;gt;

&amp;lt;/article&amp;gt;

&lt;/pre&gt;

執行個體展示如下圖：

元素/類

描述

執行個體

&lt;var&gt;

變量指派: x = ab + y

&lt;kbd&gt;

按鍵提示： CTRL + P

多行代碼

&lt;pre class="pre-scrollable"&gt;

多行代碼帶有滾動條

&lt;samp&gt;

電腦程式輸出: Sample output

&lt;code&gt;

同一行代碼片段: <code>span</code>, <code>div</code>