Nav segmented (segmented control)

Create segmented control with multiple nested classes.

<!-- Segmented Control -->
<div class="text-center">
    <ul class="nav nav-pills nav-segmented" id="pills-tab" role="tablist">
        <!-- Direct Nav Item -->
        <li class="nav-item" role="presentation">
            <a class="nav-link active" id="pills-direct-tab" data-bs-toggle="pill" href="#" role="tab" aria-controls="pills-direct" aria-selected="true">Direct</a>
        </li>
        <!-- Direct Nav Item -->

        <!-- Group Nav Item -->
        <li class="nav-item" role="presentation">
            <a class="nav-link" id="pills-group-tab" data-bs-toggle="pill" href="#" role="tab" aria-controls="pills-group" aria-selected="false">Groups</a>
        </li>
        <!-- Group Nav Item -->
    </ul>
</div>
<!-- Segmented Control -->