Latest web development tutorials

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 = a b + y 嘗試一下
<kbd> 按鍵提示: CTRL + P 嘗試一下
<pre> 多行代碼 嘗試一下
<pre class="pre-scrollable"> 多行代碼帶有滾動條 嘗試一下
<samp> 電腦程序輸出: Sample output 嘗試一下
<code> 同一行代碼片段: span , div 嘗試一下