<ul class="nav" role="tablist">
    <li class="nav-item"><a class="nav-link active" href="#tab-1" role="tab" data-toggle="tab">Tab 1</a></li>
    <li class="nav-item"><a class="nav-link" href="#tab-2" role="tab" data-toggle="tab">Tab 2</a></li>
</ul>
 
<div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active show" id="tab-1">
         
    </div>
    <div role="tabpanel" class="tab-pane fade" id="tab-2">
         
    </div>
</div>