Bootstrap 代碼
Bootstrap 允許您以兩種方式顯示代碼:
- 第一種是<code> 標籤。 如果您想要內聯顯示代碼,那麼您應該使用<code> 標籤。
- 第二種是<pre> 標籤。 如果代碼需要被顯示為一個獨立的塊元素或者代碼有多行,那麼您應該使用<pre> 標籤。
請確保當您使用<pre>和<code>標籤時,開始和結束標籤使用了unicode變體:<和>。
讓我們來看看下面的實例:
實例
< p > < code > < header > </ code > 作為內聯元素被包圍。 </ p >
< p > 如果需要把代碼顯示為一個獨立的塊元素,請使用 < pre > 標籤: </ p >
< pre >
< article >
< h1 > Article Heading < /h1 >
< /article >
</ pre >
嘗試一下»
實例展示如下圖:
更多實例
元素/類 | 描述 | 實例 |
---|---|---|
<var> | 變量賦值: x = a b + y | 嘗試一下 |
<kbd> | 按鍵提示: CTRL + P | 嘗試一下 |
<pre> | 多行代碼 | 嘗試一下 |
<pre class="pre-scrollable"> | 多行代碼帶有滾動條 | 嘗試一下 |
<samp> | 電腦程序輸出: Sample output | 嘗試一下 |
<code> | 同一行代碼片段: span , div | 嘗試一下 |