Tabs

Demo

Usage

<div class="tab-container justify-content-center ">
    <div class="icon hidden"><i id="left-tab-arrow" class="icon-chevron-left"></i></div>
    <ul class="tabs-box">
        <li class="nav-item" role="tab"><a class="nav-link active" href="#tab-1" data-bs-slide-to="0" aria-selected="true">Tab 1</a></li>
        <li class="nav-item" role="tab"><a class="nav-link " href="#tab-2" data-bs-slide-to="1" aria-selected="false">Tab 2</a></li>
        <li class="nav-item" role="tab"><a class="nav-link " href="#tab-3" data-bs-slide-to="2" aria-selected="false">Tab 3</a></li>
    </ul>
    <div class="icon"><i id="right-tab-arrow" class="icon-chevron-right"></i></div>
</div>

Options