Hi Casey1823 – These 3 Bootstrap classes are working for me…except one small, but important detail.
I can’t seem to get the ACTIVE state text color for the Tab trigger to stay put after I release the mouse.
My understanding is the ACTIVE state would be the Tab & its linked content container to be in focus, but the tab link text color returns to the ‘normal’ state, so it looks like the rest of the tabs links.
First, I’ve tried setting the 3 Tab trigger states in the nav-tabs .nav-link class, but the ‘active’ state (color) is only ‘active’ ‘on-click’ and when the mouse is released the text switches back to ‘normal’ color.
And then I tried setting the 3 states (after deleting them in nav-tabs. nav-link) using the nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, but it didn’t set the ‘normal’ nor ‘hover’ states. It appears to me that this longer class doesn’t really do anything…
Here a pic of what I’m working with…the first Tab is in focus, but the Tab trigger text is in the ‘normal’ state (orange) instead of dark grey…