Twitter 부트 스트랩 nav-tab이 기본적으로로드되지 않음

Question

부트 스트랩이있는 탐색 탭을 만들었지 만 다른 탭을 클릭 할 때까지 첫 번째 탭이 자동로드되지 않습니다. 다른 탭을 클릭하면 첫 번째 탭을 사용할 수 있습니다. 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

당신은 li뿐만 아니라 기본적으로 active에 tab-pane을 설정해야합니다

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