Bootstrap tab - active class not working on page loading

Question

My code is below. Notice the tab \'one\' is active. But the problem is when i open the page, the tab really shows active, BUT the tab content does not show ; it only shows w

Answer 1

The only way that worked for me was with JS. Put on the first item:

And this code:

$(".nav-tabs li a").click(function(){
  $(".nav-tabs li a").removeClass("active");
  $(this).addClass("active");
});