Bootstrap 代碼

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

第一種是 <code> 標(biāo)簽。如果您想要內(nèi)聯(lián)顯示代碼，那么您應(yīng)該使用 <code> 標(biāo)簽。
第二種是 <pre> 標(biāo)簽。如果代碼需要被顯示為一個獨立的塊元素或者代碼有多行，那么您應(yīng)該使用 <pre> 標(biāo)簽。

請確保當(dāng)您使用 <pre> 和 <code> 標(biāo)簽時，開始和結(jié)束標(biāo)簽使用了 unicode 變體： < 和 >。

讓我們來看看下面的實例：

實例

<p><code><header></code> 作為內(nèi)聯(lián)元素被包圍。</p> <p>如果需要把代碼顯示為一個獨立的塊元素，請使用 <pre> 標(biāo)簽：</p> <pre> <article> <h1>Article Heading</h1> </article> </pre>

運行代碼 ?

實例展示如下圖：

更多實例

元素/類	描述	實例
<var>	變量賦值: `x` = `ab` + `y`	運行代碼
<kbd>	按鍵提示： `CTRL + P`	運行代碼
<pre>	多行代碼	運行代碼
<pre class="pre-scrollable">	多行代碼帶有滾動條	運行代碼
<samp>	電腦程序輸出: `Sample output`	運行代碼
<code>	同一行代碼片段: `span`, `div`	運行代碼

上一篇：Bootstrap 排版下一篇：Bootstrap 表格