默認情況下Twitter Bootstrap導航選項卡不加載

Question

我已經使用Bootstrap創建了導航選項卡，但第一個選項卡不會自動加載，直到單擊其他選項卡。點擊其他標籤後，可以使用第一個標籤。

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

基本上，一旦腳本加載，刪除導航選項卡沒有顯示的刪除按鈕。它只有當我點擊促銷或還原導航標籤，刪除導航標籤變得活躍和加載。

 <!-- 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> 

Answer 1

您需要在默認情況下你的tab-pane設置爲active還有li：

<form class="form-inline tab-pane active" id="1">