Bootstrap - Código

O bootstrap permite que você exiba o código de duas maneiras diferentes -

  • O primeiro é a tag <code>. Se você pretende exibir o código embutido, deve usar a tag <code>.

  • Em segundo lugar está a tag <pre>. Se o código precisar ser exibido como um elemento de bloco autônomo ou se tiver várias linhas, você deve usar a tag <pre>.

Certifique-se de que, ao usar as tags <pre> e <code>, use as variantes Unicode para as tags de abertura e fechamento - &lt; e &gt;.

Vamos ver um exemplo abaixo -

<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>