This is a full-width Bootstrap menu bar developed by a CodePen user with the username ‘Gerry O’. The menu bar contains menus such as ‘About Us’, ‘Contact Us’, and a few other menu items. There are sub-items under some of these items. The impressive thing is that the sub-items appear when you hover your mouse over the menu items. So the user does not have to click on the main menu items in order to see the sub-items. By just keeping your mouse over the main menu items, the sub-items appear. This makes it easy for the user to discover the sub-items. It saves users’ efforts.
The background color of the menu bar is grey, which you can always change. The menus are positioned in the middle of the menu bar. You can keep the menus on the left side or on the right side, also.