• Resolved larry91403

    (@larry91403)


    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?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Can you post a link to your website? Also, can you clarify what you mean by “conflicts with your navmenu”?

    Thread Starter larry91403

    (@larry91403)

    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.

    Thread Starter larry91403

    (@larry91403)

    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?

    Thread Starter larry91403

    (@larry91403)

    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.]

    Thread Starter larry91403

    (@larry91403)

    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">

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Bootstrap3 conflict’ is closed to new replies.