ブートストラップ-コード

Bootstrapを使用すると、2つの異なる主要な方法でコードを表示できます-

1つ目は<code>タグです。コードをインラインで表示する場合は、<code>タグを使用する必要があります。
2番目は<pre>タグです。コードをスタンドアロンのブロック要素として表示する必要がある場合、またはコードに複数の行がある場合は、<pre>タグを使用する必要があります。

<pre>タグと<code>タグを使用するときは、開始タグと終了タグにUnicodeバリアントを使用するようにしてください- < そして >。

以下の例を見てみましょう-

<p><code>&lt;header&gt;</code> is wrapped as an inline element.</p>
<p>To display code as a standalone block element use &lt;pre&gt; tag as:</p>

<pre>
   &lt;article&gt;
      &lt;h1&gt;Article Heading&lt;/h1&gt;
   &lt;/article&gt;
</pre>