Bootstrap Tabs Not Working
-
Greetings,
This is my first post. I have scoured Google for answers and so far come up with nothing so I’m hopeful someone here can help. I imagine this *should* be simple but for some reason I can’t figure it out.
My Problem
Bootstrap tabs do not render on my site. Specifically the content within the ‘tab-content’ div doesn’t display. It shows up if I view the source of the page but clicking on the various tabs does not toggle the content to show anywhere on the page.My Setup
Nothing fancy, to keep it simple I’ve created a page with the exact example from bootstrap’s documentation.
https://www.pentestgeek.com/testing-tabs<div> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="home">...</div> <div role="tabpanel" class="tab-pane" id="profile">...</div> <div role="tabpanel" class="tab-pane" id="messages">...</div> <div role="tabpanel" class="tab-pane" id="settings">...</div> </div> </div>
and I have placed it in a template file and created a page with the associated template. As you can see, clicking the tabs does not render any of the content. Inspecting my page via console only shows an error related to fonts.googleapis not loading via https. I don’t see how that could be causing this issue. As far as I can tell bootstrap css/js as well as jquery are all loaded properly.
For reference, the look and feel I’m trying to create can be seen here https://easydigitaldownloads.com/your-account/ which is a wordpress site.
Thanks to anyone who can help
- The topic ‘Bootstrap Tabs Not Working’ is closed to new replies.