代码

基于Bootstrap显示行内嵌入的内联代码和多行代码段的文档和示例。

内联代码

用<code>包裹内联代码片断，勿忘转义HTML尖括号。

代码 - 图1

  1. 示例： <code>&lt;section&gt;</code> 代码嵌入到文本段中。

代码块

使用 <pre>标签可以包裹代码块，同样HTML的尖托号需要进行义，你还可以使用 .pre-scrollable CSS样式，实现垂直滚动的效果，它默认提供350px高度限制、Y轴垂直滚动效果。

代码 - 图2

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

Var变量

推荐使用 <var>标签包裹标示变量。

代码 - 图3

  1. <var>y</var> = <var>m</var><var>x</var> + <var>b</var>

用户输入（键盘动作提示）

使用 <kbd> 标签，标明这是一个键盘输入操作。

代码 - 图4

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

示例标注

<samp> 标签代表这是一个示例。

代码 - 图5

  1. <samp>这是一个代码示例.</samp>