La scheda di avvio Bootstrap di Twitter non viene caricata per impostazione predefinita

Question

Tuttavia, ho creato una scheda di navigazione con Bootstrap, la prima scheda non si carica automaticamente fino a quando non si fa clic su altre schede. Dopo aver fatto clic su altre schede, è possibile utilizzare la prima scheda.

Ecco il violino: http://jsfiddle.net/GGMWX/416/

In sostanza, una volta che i carichi di script, il nav-scheda Elimina non è che mostra il pulsante Elimina. È solo quando faccio clic sulle schede di navigazione Promuovi o Ripristina che la scheda di navigazione Elimina diventa attiva e carica.

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

è necessario impostare il vostro tab-pane-active di default così come la li:

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