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

Popular posts from this blog

c# - Binding a comma separated list to a List<int> in asp.net web api -

Delphi 7 and decode UTF-8 base64 -

html - Is there any way to exclude a single element from the style? (Bootstrap) -