Bootstrap - Código

Bootstrap le permite mostrar código con dos formas clave diferentes:

• La primera es la etiqueta <code>. Si va a mostrar código en línea, debe usar la etiqueta <code>.

• El segundo es la etiqueta <pre>. Si el código debe mostrarse como un elemento de bloque independiente o si tiene varias líneas, entonces debe usar la etiqueta <pre>.

Asegúrese de que cuando use las etiquetas <pre> y <code>, use las variantes Unicode para las etiquetas de apertura y cierre: &lt; y &gt;.

Veamos un ejemplo a continuación:

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