Bootstrap - Codice

Bootstrap ti consente di visualizzare il codice con due diversi modi chiave:

  • Il primo è il tag <code>. Se stai per visualizzare il codice inline, dovresti usare il tag <code>.

  • Il secondo è il tag <pre>. Se il codice deve essere visualizzato come elemento di blocco autonomo o se ha più righe, è necessario utilizzare il tag <pre>.

Assicurati che quando usi i tag <pre> e <code>, utilizzi le varianti Unicode per i tag di apertura e chiusura - &lt; e &gt;.

Vediamo un esempio di seguito:

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