Twitter Bootstrap nav-tab не загружается по умолчанию

Question

Я создал навигационную вкладку с Bootstrap, однако первая вкладка не загружается автоматически до тех пор, пока не будут нажаты другие вкладки. После нажатия других вкладок можно использовать первую вкладку.

Вот скрипка: http://jsfiddle.net/GGMWX/416/

В основном, когда нагрузки сценария, СЧ-вкладка Delete не отображается на кнопке Удалить. Его только тогда, когда я нажимаю на вкладки Promote или Revert nav, которые активируют навигационную панель Delete и загружаются.

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