<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>