Bootstrap 代码
Bootstrap では、コードを2つの方法で表示できます。
- 1つ目は <code> タグです。コードをインラインで表示したい場合は、<code> タグを使用する必要があります。
- 2つ目は <pre> タグです。コードを独立したブロック要素として表示する必要がある場合、またはコードが複数行にわたる場合は、<pre> タグを使用する必要があります。
<pre> および <code> タグを使用する場合は、開始タグと終了タグに Unicode 変体を使用していることを確認してください。 <と>。
以下の例を見てみましょう：
实例
<p><code><header></code>インライン要素として囲まれます。</p>
<p>コードを独立したブロック要素として表示する必要がある場合は、使用してください<pre>标签：</p>
<pre>
<article>
<h1>Article Heading</h1>
</article>
</pre>
尝试一下 »
例は下図の通りです：
更多实例
| 元素/类 | 描述 | 实例 |
|---|---|---|
| <var> | 变量赋值:x = ab + y | 尝试一下 |
| <kbd> | 按键提示：CTRL + P | 尝试一下 |
| <pre> | 多行代码 | 尝试一下 |
| <pre class="pre-scrollable"> | スクロールバー付きの複数行コード | 尝试一下 |
| <samp> | コンピュータプログラムの出力：Sample output | 尝试一下 |
| <code> | 同一行のコードスニペット：span, div |
尝试一下 |