默认情况下，Twitter引导导航选项卡未加载

Twitter Bootstrap nav-tab not loading by default

本文关键字：选项 加载 导航 情况下 Twitter 默认      更新时间：2023-09-26

我已经用Bootstrap创建了一个导航选项卡，但是，在单击其他选项卡之前，第一个选项卡不会自动加载。单击其他选项卡后，可以使用第一个选项卡。

这是小提琴：http://jsfiddle.net/GGMWX/416/

基本上，一旦脚本加载，Delete nav选项卡就不会显示Delete按钮。只有当我单击Promote或Revert nav选项卡时，Delete nav选项卡才会激活并加载。

      <!-- Body content -->
  <ul class="nav nav-tabs nav-justified" data-tabs="tabs">
     <li class="active"><a href="#1" data-toggle="tab">Delete File</a></li>
     <li><a href="#2" data-toggle="tab">Promote</a></li>
     <li><a href="#3" data-toggle="tab">Revert</a></li>
  </ul>
  <br>
     <form class="form-inline tab-pane" id="1">
     <input class="btn btn-primary" id="deleteFileButton" type="button" value="Delete File" />
     </form>
         <form class="form-inline tab-pane" id="2">
    <input class="btn btn-primary" id="promoteManifestButton" type="button" value="Promote" />
     </form>
     <form class="form-inline tab-pane" id="3">
    <input class="btn btn-primary" id="revertButton" type="button" value="Revert Release" />
     </form>
</div>

您需要将您的tab-pane默认设置为active以及li:

<form class="form-inline tab-pane active" id="1">
相关文章：