+++ /dev/null
----
-layout: docs
-title: Code
-description: Documentation and examples for displaying inline and multiline blocks of code with Bootstrap.
-group: content
-toc: true
----
-
-## Inline code
-
-Wrap inline snippets of code with `<code>`. Be sure to escape HTML angle brackets.
-
-{{< example >}}
-For example, <code><section></code> should be wrapped as inline.
-{{< /example >}}
-
-## Code blocks
-
-Use `<pre>`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering.
-
-{{< example >}}
-<pre><code><p>Sample text here...</p>
-<p>And another line of sample text here...</p>
-</code></pre>
-{{< /example >}}
-
-## Variables
-
-For indicating variables use the `<var>` tag.
-
-{{< example >}}
-<var>y</var> = <var>m</var><var>x</var> + <var>b</var>
-{{< /example >}}
-
-## User input
-
-Use the `<kbd>` to indicate input that is typically entered via keyboard.
-
-{{< example >}}
-To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
-To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
-{{< /example >}}
-
-## Sample output
-
-For indicating sample output from a program use the `<samp>` tag.
-
-{{< example >}}
-<samp>This text is meant to be treated as sample output from a computer program.</samp>
-{{< /example >}}
</dl>
</div>
-## Preformatted text
+## Inline code
-The `<pre>` element is reset to remove its `margin-top` and use `rem` units for its `margin-bottom`.
+Wrap inline snippets of code with `<code>`. Be sure to escape HTML angle brackets.
-<div class="bd-example">
-<pre>
-.example-element {
- margin-bottom: 1rem;
-}
-</pre>
-</div>
+{{< example >}}
+For example, <code><section></code> should be wrapped as inline.
+{{< /example >}}
+
+## Code blocks
+
+Use `<pre>`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. The `<pre>` element is reset to remove its `margin-top` and use `rem` units for its `margin-bottom`.
+
+{{< example >}}
+<pre><code><p>Sample text here...</p>
+<p>And another line of sample text here...</p>
+</code></pre>
+{{< /example >}}
+
+## Variables
+
+For indicating variables use the `<var>` tag.
+
+{{< example >}}
+<var>y</var> = <var>m</var><var>x</var> + <var>b</var>
+{{< /example >}}
+
+## User input
+
+Use the `<kbd>` to indicate input that is typically entered via keyboard.
+
+{{< example >}}
+To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
+To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
+{{< /example >}}
+
+## Sample output
+
+For indicating sample output from a program use the `<samp>` tag.
+
+{{< example >}}
+<samp>This text is meant to be treated as sample output from a computer program.</samp>
+{{< /example >}}
## Tables