Code

Code

Reboot styles the code elements without classes: <code> turns pink at 0.875em, <kbd> becomes a dark key cap, <var> is italic, <samp> is monospace, and <pre> loses its top margin. Escape < and > inside code as < and >. Bootstrap 4 2,007 's .pre-scrollable was dropped in version 5; use .overflow-auto with a max-height.

Lists from Section 3.3.4 and code elementsHTMLLive

<link rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css">
<div class="p-3">
  <ul class="list-unstyled mb-2">
    <li>Unstyled item<ul><li>Nested items keep bullets</li></ul></li>
  </ul>
  <ul class="list-inline mb-2">
    <li class="list-inline-item">Home</li><li class="list-inline-item">About</li>
  </ul>
  <dl class="row mb-2">
    <dt class="col-4 text-truncate">Responsive font sizes</dt><dd class="col-8">Scale text.</dd>
  </dl>
  <p class="mb-2"><code>alert('Hi')</code> <kbd>Ctrl</kbd>+<kbd>F</kbd>
    <var>x</var> <samp>Build OK</samp></p>
  <pre class="overflow-auto border rounded p-2 mb-0" style="max-height: 3.5rem">
&lt;p&gt;Line 1&lt;/p&gt;
&lt;p&gt;Line 2&lt;/p&gt;
&lt;p&gt;Line 3 scrolls&lt;/p&gt;</pre>
</div>

Browser output of 11

MENU