you are including the javascript, but aren't targeting the tab elements with it. from the docs, you also need to add in a bit of javascript to specifically target those tabs.

alternatively, you should be able to add data-toggle="tab" to each of your dashboard_menu li elements.


in your code you have:

<ul class="list-inline pull-right" role="tablist">
  <li class="active"><a href="#ussgemonth" role="tab" data-toggle="tab">usage</a></li>
  <li><a href="#coletsmonth" role="tab" data-toggle="tab">monthly</a></li>

but you have no .tab-pane's with the id's: id="ussgemonth" & id="coletsmonth"

not only do you have 2 missing .tab-pane with these ids -- since these are nested you have to follow the same structure as the parent.

Related Query

More Query from same tag