<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- Nav tabs --> <div class="tabs-wrapper"> <ul class="nav classic-tabs tabs-cyan pt-1" role="tablist"> <li class="nav-item"> <h4 class="nav-link waves-light text-white" data-toggle="tab" href="#panel51" role="tab"><strong>Page title</strong></h4> </li> </ul> <ul class="nav classic-tabs tabs-cyan" role="tablist"> <li class="nav-item"> <a class="nav-link waves-light active" data-toggle="tab" href="#panel51" role="tab">Profile</a> </li> <li class="nav-item"> <a class="nav-link waves-light" data-toggle="tab" href="#panel52" role="tab">Follow</a> </li> <li class="nav-item"> <a class="nav-link waves-light" data-toggle="tab" href="#panel53" role="tab">Contact</a> </li> <li class="nav-item"> <a class="nav-link waves-light" data-toggle="tab" href="#panel54" role="tab">Be awesome</a> </li> </ul> </div>