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

It seems that having a combination of "fade" with the "active" class on the tab content seems to be conflicting on my particular usage of the tab panels. It still didn't load the content on the initial page load.

Once I removed "fade" then things seemed to work.