Bootstrap - Kod

Bootstrap, kodu iki farklı anahtar yolla görüntülemenizi sağlar -

  • İlki <code> etiketidir. Kodu satır içi olarak görüntüleyecekseniz, <code> etiketini kullanmalısınız.

  • İkincisi, <pre> etiketidir. Kodun bağımsız bir blok öğesi olarak görüntülenmesi gerekiyorsa veya birden çok satırı varsa, <pre> etiketini kullanmalısınız.

<pre> ve <code> etiketlerini kullandığınızda, açılış ve kapanış etiketleri için unicode varyantlarını kullandığınızdan emin olun - &lt; ve &gt;.

Aşağıda bir örnek görelim -

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