ブートストラップインラインではなく積み重ねて表示するタブ

Question

ブートストラップインラインではなく積み重ねたタブを表示します。

私は何を得る（気づくのタブ 'テナント' と '地主' は積層された）：

私が欲しいもの（ブートストラップウェブサイトから取られた）

ブートストラップコード（ウェブサイトから取得）：

マイコード：

<ul class="nav nab-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#tenant" aria-controls="tenant" role="tab" data-toggle="tab">Tenants</a></li> 
    <li role="presentation"><a href="#landlord" aria-controls="landlord" role="tab" data-toggle="tab">Landlords</a></li> 
</ul> 

<div class="tab-content"> 
    <!-- Tenant panel --> 
    <div role="tabpanel" class="tab-pane active" id="tenant"> 
     <!-- blah blah giant div --> 
    </div> 

    <!-- Landlord panel --> 
    <div role="tabpanel" class="tab-pane" id="landlord">...</div> 
</div> 

誰もが間違っているのか知っていますか？

Answer 1

誤植が@Larsによって指摘：

"それはnav-tabsはありませんnab-tabs"