Today’s post is about generating Twitter Bootstrap 3 HTML markup using WordPress’s menu component function wp_nav_menu(). Below are the HTML markup and PHP Script for generating the bootstrap3 menu, below script only work for the single-level menu.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<nav id="site-navigation" class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar-collapse"> <span class="sr-only"> Toggle navigation </span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> </button> <a class="navbar-brand" href="#"><?php bloginfo('name');?></a> </div> <!-- <a class="skip-link screen-reader-text" href="#content"> <?php _e('Skip to content', '_s'); ?> </a> --> <?php wp_nav_menu(array( 'theme_location' => 'primary', 'container' => 'div', 'container_class' => 'collapse navbar-collapse', 'container_id' => 'main-navbar-collapse', 'menu_class' => 'nav navbar-nav', 'menu_id' => '', 'echo' => true, 'fallback_cb' => 'wp_page_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', 'depth' => 0, 'walker' => '' )); ?> </div> </nav> <!-- #site-navigation --> |
Nice post with the help of them i integrate the bootstrap menu.