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
Post a Comment