javascript - Twitter Bootstrap nav-tab not loading by default -


i have created nav-tab bootstrap however, first tab not auto-load until other tabs clicked. after other tabs clicked first tab can used.

here fiddle: http://jsfiddle.net/ggmwx/416/

basically, once script loads, delete nav-tab not showing delete button. when click either promote or revert nav-tabs delete nav-tab becomes active , loads.

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

you need set tab-pane active default li:

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

Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -