WP Bootstrap Menu
WP Bootstrap Menu convert wordpress nav menu style to Twitter Bootstrap [http://twitter.github.com/bootstrap/] navmenu style. You can join to WP Bootstrap Menu developing [https://github.com/sajjadrad/wp-bootstrap-navmenu] . Compatible with Bootstrap 2.2.2 and support sub menu.
WP Bootstrap Menu convert wordpress nav menu style to Twitter Bootstrap [http://twitter.github.com/bootstrap/] navmenu style. You can join to WP Bootstrap Menu developing [https://github.com/sajjadrad/wp-bootstrap-navmenu] . Compatible with Bootstrap 2.2.2 and support sub menu.
Screenshots & previews.
- 01Upload wp-bootstrap-navmenu.php to the /wp-content/plugins/wp-bootstrap-navmenu/ directory
- 02Activate the plugin through the ‘Plugins’ menu in WordPress
- 03Style your bootstrap navmenu and place <?php echo getNavMenu( MENU NAME ); ?> in your templates to get menu list.
- 04To change options for dropdown item,you can set option argument when calling getNavMenu function.Dropdown has two options,”hover” and “click”.In “click” option,dropdown items link address set to # and in “hover” option full address used.The default option set to “click”.
Example:
<div class="navbar"> <div class="navbar-inner"> <div class="container"> <ul class="nav"> <?php if (function_exists('getNavMenu')): ?> <?php echo getNavMenu('mainmenu'); ?> <?php endif; ?> </ul> </div> </div> </div>
or:
<div class="navbar"> <div class="navbar-inner"> <div class="container"> <ul class="nav"> <?php if (function_exists('getNavMenu')): ?> <?php echo getNavMenu('mainmenu','hover'); ?> <?php endif; ?> </ul> </div> </div> </div>