<ul class="nav mt-tabs" id="myTab" role="tablist">
<li class="nav-item"><a class="nav-link active" href="#tabContent1">アクティブ</a></li>
<li class="nav-item"><a class="nav-link" href="#tabContent2">リンク</a></li>
<li class="nav-item"><a class="nav-link" href="#tabContent3">リンク</a></li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane show active" role="tabpanel" id="tabContent1" aria-labelledby="myTabContent-tab">1</div>
<div class="tab-pane" role="tabpanel" id="tabContent2" aria-labelledby="tabContent2-tab">2</div>
<div class="tab-pane" role="tabpanel" id="tabContent3" aria-labelledby="tabContent3-tab">3</div>
</div>