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í),開(kāi)始和結(jié)束標(biāo)簽使用了 unicode 變體: < 和 >。
讓我們來(lái)看看下面的示例:
示例展示如下圖:
元素/類 | 描述 | 示例 |
---|---|---|
<var> | 變量賦值: x = ab + y | 嘗試一下 |
<kbd> | 按鍵提示: CTRL + P | 嘗試一下 |
<pre> | 多行代碼 | 嘗試一下 |
<pre> | 多行代碼帶有滾動(dòng)條 | 嘗試一下 |
<samp> | 電腦程序輸出: Sample output | 嘗試一下 |
<code> | 同一行代碼片段: span, div | 嘗試一下 |