Bootstrap3 conflict
-
I’ve added bootstrap 3 support so I can use the grid system but for some reason it conflicts with my navmenu. How can I fix this?
-
Can you post a link to your website? Also, can you clarify what you mean by “conflicts with your navmenu”?
dev.sjlevinelaw.com
After uploading the bootstrap3 css and js and enquing them the menu has dissappeared so I think there is some sort of conflict because if I comment out the new bootstrap3 css it re-appears. I’ve got both the bootstrap2 and 3 css/js enqued at the same time since I don’t know what your theme is relying on.
FYI.. here is my functions.php
wp_enqueue_script(‘boot-business’,get_template_directory_uri().’/js/menu/boot-business.js’,array(‘jquery’)); //Menu JS
wp_enqueue_script(‘bootstrap.min’,get_template_directory_uri().’/js/menu/bootstrap.min.js’); //Responsive JS
wp_enqueue_script(‘menu’,get_template_directory_uri().’/js/menu/menu.js’); //Menu JS
wp_enqueue_script(‘bootstrap’,get_template_directory_uri().’/js/bootstrap.js’); //Responsive JS
wp_enqueue_script(‘bootstrap-tab’,get_template_directory_uri().’/js/bootstrap-tab.js’);
wp_enqueue_script(‘bootstrap-transition’,get_template_directory_uri().’/js/bootstrap-transition.js’);
wp_enqueue_style( ‘bootstrap3-css’, get_template_directory_uri() . ‘/css/bootstrap3.min.css’ );
wp_enqueue_script( ‘bootstrap3-js’, get_template_directory_uri() . ‘/js/bootstrap3.min.js’, array(), ‘3.0.0’, true );I’m sorry, but I can’t seem to reproduce your problem. Could you take a screenshot of your issue and post it somewhere like Imgur?
Ok,
Found two issues, both in header.php:
Changed:
<a>to
</a><a>and
<div class="nav-collapse collapse navbar-responsive-collapse">to
<div class=".navbar-collapse>And this seems to have restored the navbar.
Now I just have some weirdness with blog_con_mn and blog_section classes. And I thing I’m good. 🙂
[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]
seems to have removed my first change from my post…
Changed:
<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">to
<a data-target=".navbar-collapse" data-toggle="collapse" class="btn btn-navbar">
The topic ‘Bootstrap3 conflict’ is closed to new replies.
