top
Loading...
Bootstrap 代碼

Bootstrap 代碼

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

  • 第一種是 <code> 標籤。如果您想要內聯顯示代碼,那么您應該使用 <code> 標籤。
  • 第二種是 <pre> 標籤。如果代碼需要被顯示為一個獨立的塊元素或者代碼有多行,那么您應該使用 <pre> 標籤。

請確保當您使用 <pre> 和 <code> 標籤時,開始和結束標籤使用了 unicode 變體: &lt;&gt;

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

實例

<p><code>&lt;header&gt;</code> 作為內聯元素被包圍。</p> <p>如果需要把代碼顯示為一個獨立的塊元素,請使用 &lt;pre&gt; 標籤:</p> <pre> &lt;article&gt; &lt;h1&gt;Article Heading&lt;/h1&gt; &lt;/article&gt; </pre>

嘗試一下 »

實例展示如下圖:


更多實例

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