Bootstrap - Kode

Bootstrap memungkinkan Anda untuk menampilkan kode dengan dua cara utama yang berbeda -

  • Yang pertama adalah tag <code>. Jika Anda akan menampilkan kode sebaris, Anda harus menggunakan tag <code>.

  • Kedua adalah tag <pre>. Jika kode perlu ditampilkan sebagai elemen blok yang berdiri sendiri atau jika memiliki beberapa baris, Anda harus menggunakan tag <pre>.

Pastikan saat Anda menggunakan tag <pre> dan <code>, Anda menggunakan varian unicode untuk tag pembuka dan penutup - &lt; dan &gt;.

Mari kita lihat contoh di bawah ini -

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