Code

使用 `Bootstrap` 顯示行內程式碼與多行程式碼的文件和範例。

六角學院 六角學院

六角學院的 Bootstrap 課程上線囉,立即與萬人一同學習最專業、最深入的 Bootstrap 課程。

立即上課去

行內程式碼

<code> 包覆之行內程式碼片段,須注意避開 HTML 括號。

For example, <section> should be wrapped as inline.
For example, <code>&lt;section&gt;</code> should be wrapped as inline.

多行程式碼

對於多行程式碼可使用 <pre> 進行包覆。 再次提醒請注意避開任何括號,以正確設定區塊影響範圍。 可選擇性添加 .pre-scrollable 類別,將設定最大高度為 350px 且提供 y 軸滾動條。

<p>Sample text here...</p>
<p>And another line of sample text here...</p>
<pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;
&lt;p&gt;And another line of sample text here...&lt;/p&gt;
</code></pre>

變數

變數可使用 <var> 標籤來指定。

y = mx + b
<var>y</var> = <var>m</var><var>x</var> + <var>b</var>

使用者輸入

<kbd> 標籤用來設定此欄位為經由鍵盤進行輸入資料。

To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,
To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

輸出結果

使用 <samp> 標籤來設定程式的輸出結果。

This text is meant to be treated as sample output from a computer program.
<samp>This text is meant to be treated as sample output from a computer program.</samp>