<ul class="nav nav-tabs nav-bordered mb-3">
    <li class="nav-item">
        <a href="#home-b1" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
            <i class="mdi mdi-home-variant d-md-none d-block"></i>
            <span class="d-none d-md-block">Home</span>
        </a>
    </li>
    <li class="nav-item">
        <a href="#profile-b1" data-bs-toggle="tab" aria-expanded="true" class="nav-link active">
            <i class="mdi mdi-account-circle d-md-none d-block"></i>
            <span class="d-none d-md-block">Profile</span>
        </a>
    </li>
    <li class="nav-item">
        <a href="#settings-b1" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
            <i class="mdi mdi-settings-outline d-md-none d-block"></i>
            <span class="d-none d-md-block">Settings</span>
        </a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane" id="home-b1">
        <p>...</p>
    </div>
    <div class="tab-pane show active" id="profile-b1">
        <p>...</p>
    </div>
    <div class="tab-pane" id="settings-b1">
        <p>...</p>
    </div>
</div>