Navbar
Brand
Link
Heading
Image
Image and text
<h4 class="h5 text-muted mt-3">Link</h4>
<h4 class="h5 text-muted mt-3">Heading</h4>
<h4 class="h5 text-muted mt-3">Image</h4>
<h4 class="h5 text-muted mt-3">Image and text</h4><h4 class="h5 text-muted mt-3">Link</h4>
<h4 class="h5 text-muted mt-3">Heading</h4>
<h4 class="h5 text-muted mt-3">Image</h4>
<h4 class="h5 text-muted mt-3">Image and text</h4>
Nav
Unordered list
Links
Dropdown
<h4 class="h5 text-muted mt-3">Unordered list</h4>
<h4 class="h5 text-muted mt-3">Links</h4>
<h4 class="h5 text-muted mt-3">Dropdown</h4><h4 class="h5 text-muted mt-3">Unordered list</h4>
<h4 class="h5 text-muted mt-3">Links</h4>
<h4 class="h5 text-muted mt-3">Dropdown</h4>
Forms
Text
Colors
Dark navbar
Light navbar
<h4 class="h5 text-muted mt-3">Dark navbar</h4>
<h4 class="h5 text-muted mt-3">Light navbar</h4><h4 class="h5 text-muted mt-3">Dark navbar</h4>
<h4 class="h5 text-muted mt-3">Light navbar</h4>
Toggler
Left-aligned toggler
Right-aligned toggler
<h4 class="h5 text-muted mt-3">Left-aligned toggler</h4>
<h4 class="h5 text-muted mt-3">Right-aligned toggler</h4><h4 class="h5 text-muted mt-3">Left-aligned toggler</h4>
<h4 class="h5 text-muted mt-3">Right-aligned toggler</h4>
Responsiveness
Small
Medium
Large
Extra large
Extra extra large
<h4 class="h5 text-muted mt-3">Small</h4>
<h4 class="h5 text-muted mt-3">Medium</h4>
<h4 class="h5 text-muted mt-3">Large</h4>
<h4 class="h5 text-muted mt-3">Extra large</h4>
<h4 class="h5 text-muted mt-3">Extra extra large</h4><h4 class="h5 text-muted mt-3">Small</h4>
<h4 class="h5 text-muted mt-3">Medium</h4>
<h4 class="h5 text-muted mt-3">Large</h4>
<h4 class="h5 text-muted mt-3">Extra large</h4>
<h4 class="h5 text-muted mt-3">Extra extra large</h4>
External content
Advanced example
Scrolling
Default
Custom max-height
<h4 class="h5 text-muted mt-3">Default</h4>
<h4 class="h5 text-muted mt-3">Custom max-height</h4><h4 class="h5 text-muted mt-3">Default</h4>
<h4 class="h5 text-muted mt-3">Custom max-height</h4>