Header tagline: Customizable plugin that applies the Bootstrap formatting classes to any WordPress Navigation Menu
My Boostrap Menu is a fully customizable plugin that applies the Bootstrap formatting classes to any WordPress Navigation Menu. Bootstrap provides responsive menus for phones, tablets and desktops.
The plugin allows the user to select a menu by name, or by selecting your theme's menu location. This gives extreme flexibility for theme developers, allowing multiple menus to be formatted as bootstrap menus- e.g. one fixed at the top and another at the bottom of the screen!
Works with all levels of Sub-menus! These were removed from Bootstrap in version 3, however we have included the original styles and each level will be correctly styled.
'My Boostrap Menu' is built on the 'My Plugin Settings' framework which creates simple and intuitive user interfaces for input forms; including media dialogues and the popup selection of Bootstrap Glyphicons.
More information here: My Bootstrap Menu
Fully customizable labels, logos, icons, formatting and alignment make this the most user and developer friendly menu tool. Additional styles have been included to tweak basic formatting issues when using Bootstrap navbars with WordPress. Each Menu can be Bootstrapped and configured with settings:
Choose your menu type
- Button Group
Select a menu location
- Fixed to the top of the screen
- Fixed to the bottom
- Static Top
Choose to display:
- Login, Register
Upload a custom Logo
- Optional logo for the Mobile version
Custom Search box
- Select a Glyhpicon, button type and labels
- Choose default text for the search input box
Custom Login and Register buttons
- Select Glyphicons and label text
- Align any/all menu elements left or right!
- Customize the button menu style
- Customize Sub-menu dropdowns and links Advanced Options!
- Optional container classes
- Include WordPress default classes or not
- Optional fixes for fixed top menus All files included
- Select whether to load the included versions of Boostrap and custom css.
Where can I find the settings for each menu?
All settings are managed in Wordpres Admin > Appearance > My Bootstrap Menu
Why isn't my menu being bootstrapped?
There are a couple of things to make sure of: 1. The checkbox 'Bootstrap this menu' is checked 2. The settings are saved 3. You are either loading the plugin's version of Bootstrap, or you have one loaded with your theme 4. The menu is being called by name correctly 5. The theme location is being called correctly in your theme files
Does this plugin work with newest WP version
Yes, this plugin works fine with WordPress 4.2.2
Update to allow 'None' for internal container type. Also various formatting updates.
POTENTIALLY BREAKING CHANGES Changed saved menu name to be slug format. You may need to reapply settings/logos etc. Added Logo 'title' and 'alt' text fields. Fix for selecting a Menu/Theme from drop-down.
Fix for uninstalling/deleting the plugin.
Minor fix for Admin site for Firefox
First major revision - ALWAYS CHECK BEFORE UPGRADING LIVE SITES Updated and checked for WordPress 4.4 Updated Internal Bootstrap version to 3.3.6. Changed dropdown menu icons to use Glyphicons (i.e. use with Bootstrap) Changed search field classes - improved appearance on mobile mode. Removed on-hover sub-menu styles... this is to keep consistent with Bootstrap being mobile/tablet friendly. Fixed submenu headings are links - requires clicking the caret for submenus. Fixed Tab, Button, Button Group Menus to show active correctly. Fixes for the Pills, Buttons, Button Group and Tabs with submenus on collapse. Reduced margins on Tabs to show at the bottom of the navbar. Removed duplicate class declaration on menu types. Displays either 1) caret (or glyphicon) for top level menu and 2) right caret for submenus. Fixes for php versions <5.3 My-Plugin-Settings-Helper - updated
1.0.6Fix to use caret, instead of WP dashicons by default. Load Dashicons if selected.
Fixes for php versions <5.4. Possible fix for object instead of string for unique id. Added ability to select Dashicon for dropdown menu items.
1.0.4Added 'active' class to all parent menu and submenu items.
Fixes for WordPress 4.3.0 compatibility. Menu names being returned as menu objects in the latest WP release.
Enhanced functionality for setting Main Menu Items as links when they have child/submenu items. This will change the behaviour when selecting 'Submenu headings are links' so that submenus appear on mouse-over and menu items open on click. (Thanks to David Woodward for highlighting this)
Minor fixes for unique menu id, to remove non alpha-numeric characters.
Requires PHP 5.3+
My Bootstrap Menu can be installed in a few easy steps:
- Search for the 'My Bootstrap Menu' plugin via WordPress Admin > Plugins > Add New
- Install with the 'Install Now' button
- Unzip "My Bootstrap Menu" and put all files into a folder like "/wp-content/plugins/my-bootstrap-menu/"
- Activate the plugin through the 'Plugins' menu in WordPress
- Inside WordPress admin, go to Appearance > My Bootstrap Menu
- Select which menu or location to Bootstrap and select the checkbox: 'Bootstrap this menu'
- Configure any other settings
- Save and go to your site to see your new Menu!
The main settings page, showing the list of menus and the main tabs
A standard Bootstrap Nav Menu, with logo and multi-tiered sub-menus
Inverse Pills menu
Button Menu aligned right, and different glyphicons for search and logout
Mobile enabled responsive menu, features vertical button stacking.
Glyphicon Selection for Search, Login, Logout, and Register buttons
Select a logo to display on your menu