javascript - tabblable inside tabbable twitter bootstrap -
im making admin panel... many forms want clasify category im trying this
div.tabbable ul#first-tab.nav.nav-tabs li.active a(href='#datos-de-usuario',data-toggle='tab') datos de usuarios li a(href='#datos-de-comercio',data-toggle='tab') datos de comercio div.tab-content div#datos-de-usuario.tab-pane.active div.tabbable.tabs-left ul#second-tab.nav.nav-tabs li.active a(href="#formulario-nuevo-usuario") nuevo usuario li a(href="#formulario-borrar-usuario") borrar usuario div.tab-content div#formulario-nuevo-usuario.tab-pane.active h2 tab nuevo usuario div#formulario-borrar-usuario.tab-pane h2 tab borrar usuario div#datos-de-comercio.tab-pane h2 other content in comercio the first tab button (#first-tab) works fine second (#second-tab) dont work click , never changes nothing happends.
can post html jade template creating?
tabs inside tab content should work fine...
<div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">section 1</a></li> <li><a href="#tab2" data-toggle="tab">section 2</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab1"> <p>i'm in section 1.</p> </div> <div class="tab-pane" id="tab2"> <p>i'm in section 2.</p> <div class="span8"> <div class="tabbable tabs-left"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab3" data-toggle="tab">section 3</a></li> <li><a href="#tab4" data-toggle="tab">section 4</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab3"> <p>i'm in section 3.</p> </div> <div class="tab-pane" id="tab3"> <p>i'm in section 4.</p> </div> </div> </div> </div> </div> </div> </div>
Comments
Post a Comment