·

16.92K

· dscotts3

Quick easy way to use WordPress' custom menus with bootstrap

<?php
wp_nav_menu( array( 
'menu' => 'main-menu', 
'container_class' => 'navbar-content nav-collapse collapse', 
'menu_class' => 'nav nav-tabs pull-right', 
'menu_id' => 'main-menu' ) 
);
?>

<script>
 $(document).ready(function(){
 $("ul.sub-menu").parent().addClass("dropdown");
 $("ul.sub-menu").addClass("dropdown-menu");
 $("ul#main-menu li.dropdown a").addClass("dropdown-toggle");
 $("ul.sub-menu li a").removeClass("dropdown-toggle"); 
 $('.navbar .dropdown-toggle').append('<b class="caret"></b>');
 $('a.dropdown-toggle').attr('data-toggle', 'dropdown');
 });
</script>

Related protips

Have a fresh tip? Share with Coderwall community!

Post

Post a tip

Sponsored by

#native_company#

#native_desc#

#native_cta#

Post a job for only 299ドル

Sponsored by #native_company# — Learn More