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

I had the same problem but using navpills.

None of the other solutions worked for me. Finally I solved it using jquery:

$(document).ready(function () 
{
    // somehow first navpill will not look active on page load (although it is...)
    $('.navpill.active').trigger('click');
});

I guess it would work the same for navtabs, only use $('.nav.active') to locate the correct element.