Bootstrap 代碼

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

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

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

讓我們來看看下面的實(shí)例：

實(shí)例

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

運(yùn)行代碼 ?

實(shí)例展示如下圖：

更多實(shí)例

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

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