Bootstrap选项卡显示堆叠而不是内联

Question

Bootstrap选项卡显示堆叠而不是内联。

我想要的（取自Bootstrap网站）：

我得到了什么（注意标签'租户'和'斗地主'堆叠）：

Bootstrap Code（取自网站）：

我的代码：

<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

Typo指出@Lars：

＆＃34;它nav-tabs不是nab-tabs＆＃34;