html - Bootstrap Nav Tabs Showing All Body -
trying make nav tabs section not show body of each tab photo below.
here code relevant section:
<div class="widget-content padding"> <a href="consultants.html" style= "float:right" button type="button" class="btn btn-danger" data-dismiss="modal">back</button></a> <h1>sales provisioning - (daniel ince)</h1> </div> <br> <div class="additional-btn"> </div> </div> <div class="widget-content padding"> <h3><i>refer faq if stuck whilst provisioning</i></h3> <br> <ul id="demo1" class="nav nav-tabs"> <li class="active"> <a href="#dot" data-toggle="tab">dot <span class="badge badge-primary"></span></a> </li> <li> <a href="#bizessentials" data-toggle="tab">bizessentials <span class="badge badge-primary"></span></a> </li> <li> <a href="#newline" data-toggle="tab">new line <span class="badge badge-primary"></span></a> </li> <li> <a href="#newmobile" data-toggle="tab">new mobile <span class="badge badge-primary"></span></a> </li> <li> <a href="#tmb" data-toggle="tab">tmb <span class="badge badge-primary"></span></a> </li> <li> <a href="#0365" data-toggle="tab">0365 / mobile apps <span class="badge badge-primary"></span></a> </li> <li> <a href="#appointments" data-toggle="tab">appointments <span class="badge badge-primary"></span></a> </li> </ul>
here looks like: picture link: http://i.stack.imgur.com/ici46.png
below red line how need display.
thanks in advance.
i figure out.
error in each tab body (active fade in) should (fade in) not above.
Comments
Post a Comment