I'm curious about the most efficient method for creating a sidebar like this using Bootstrap 4.
From what I can see, it appears to be a custom component designed specifically for the documentation page, rather than a built-in feature of the framework. However, I could be mistaken.
<ul class="nav bd-sidenav">
<li class="active bd-sidenav-active">
<a href="/docs/4.0/getting-started/introduction/">
Introduction
</a>
</li>
<li>
<a href="/docs/4.0/getting-started/download/">
Download
</a>
</li>
...
</ul>
The closest approach I've come up with is something similar to this:
<ul class="nav">
<li class="w-100">
<a href="#">
Item 1
</a>
</li>
...
</ul>
However, I believe there must be a more effective way to achieve this.
What is the proper technique for constructing a sidebar or table of contents like this using Bootstrap 4?