<ul class="nav nav-tabs">
<li class="nav-item active">
<a data-toggle="tab" class="nav-link active" href="#home">Active</a>
</li>
<li class="nav-item">
<a data-toggle="tab" class="nav-link" href="#menu1">Link</a>
</li>
<li class="nav-item">
<a data-toggle="tab" class="nav-link" href="#menu2">Link</a>
</li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active show">
<h3>HOME</h3>
<p>Some content.</p>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Menu 1</h3>
<p>Some content in menu 1.</p>
</div>
<div id="menu2" class="tab-pane fade">
<h3>Menu 2</h3>
<p>Some content in menu 2.</p>
</div>
</div>