Bootstrap menu underline effect by Trish

Bootstrap menu underline effect by Trish

This Bootstrap menu has an underline effect on the menus. Like the previous example, you can place your company’s logo on the left-hand side of the menu bar, and on the right-hand side of it, there is a menu icon clicking which shows the menus. The menu bar contains normal menus that are links and a drop-down list that contains a few menus that are also links. When you hover your mouse over the menus, you can see an underline effect. And on hovering your mouse over the drop-down list items, the background color of the menu items changes to red making the menus more interesting and attractive.

When the browser window is resized and its width decreases, the menus get hidden. As the menus are hidden, it saves a lot of webpage space. In this case, the user can see the menus only when he/she clicks on the menu icon.