Bootstrap Code

Bootstrap Code allows you to show html css and other language codes with three different key ways:

• The first option is the <code> tag. If you are going to be displaying code inline, you should use the <code> tag.

  Let us see an example below:

  <p><code><section></code> is wrapped as an inline element.</p>

  1	<p><code><section></code> is wrapped as an inline element.</p>

• Second option is the <pre> tag. If the code needs to be displayed as a standalone block element or if it has multiple lines, then you should use the <pre> tag.

Let us see an example below:

<p>To display code as a standalone block element use <pre> tag as: <pre> <article> <h1>Article Heading</h1> </article>

1 2 3 4 5

<p>To display code as a standalone block element use <pre> tag as: <pre>    <article>       <h1>Article Heading</h1>    </article>

• Third option is user <kbd> input Use the <kbd> to indicate input that is typically entered via keyboard.

Let us see an example below:

To switch directories, type <kbd>cd</kbd> followed by the name of the directory.

1	To switch directories, type <kbd>cd</kbd> followed by the name of the directory.


Ensure that when you use both the <pre> and <code> tags, you use the unicode variants for the opening and closing tags: &lt; and &gt;.