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 - < e >.
Vamos ver um exemplo abaixo -
<p><code><header></code> is wrapped as an inline element.</p>
<p>To display code as a standalone block element use <pre> tag as:</p>
<pre>
<article>
<h1>Article Heading</h1>
</article>
</pre>