Bootstrap 3 Dropdown Menu on hover Plug-in: 5 Demos

Bootstrap- hover button group

The dropdown menu and hover state In the dropdown menu tutorial of Bootstrap, I showed seven demos of the menus that appeared as you clicked the dropdown (buttons or links). This is the default behaviour of the dropdown component that comes with the Bootstrap framework. If you want to open the dropdown menu as the mouse … Read more

A Bootstrap mega menu template with 3 styles

Bootstrap mega menu Red

The mega menu template The mega menu, as clicked or opened takes the much space of the visible screen where you may show plenty of information including the links to categories, sub-categories, some special collection/products as well. You might have seen mega menu developed by using different web techniques, I am going to show you a … Read more

A jQuery gooey menu plug-in using with Bootstrap : 5 demos

jQuery gooey round

The gooey menu plug-in In this tutorial, I am going to present a few demos of gooey menus using jQuery. This gooey menu plug-in uses the jQuery library, font-awesome, and demos use Bootstrap classes for presenting this menu. So you have to include jQuery, Bootstrap’s CSS file, and plug-in’s JS and CSS files for this … Read more

A Bootstrap android style menu with 3 demos

jQuery off canvas menu custom-CSS

The Bootstrap menu and mobile In this tutorial, I am going to show you an off-canvas menu based on Bootstrap navigation. If you are already working with Bootstrap framework and included the jQuery library, then most of the dependencies are already done. Additionally, it also requires jQuery mobile for touch events, so your menu works properly … Read more

Creating navbar in Bootstrap 3 with Multiple Child Level Menus

Bootstrap navbar sub menu

The navbar sub menus In the navbar tutorial of Bootstrap, the menus were created with just one level down by using built-in component. In certain scenarios, you may need multiple levels of menu, for example, having four levels of categories and sub-categories that you want to reflect in the navigation bar as well. Don’t like reading … Read more

7 Customized Bootstrap Dropdown Demos in Menus, Navbar and Tabs

Bootstrap dropdown split button

The dropdown component of Bootstrap Framework The Bootstrap framework has built-in dropdown component and JS plug-in that can be used in navbars menus, pills, buttons and even tabs quite easily. A 2:58 Minutes Video of dropdown Tutorial You can use a dropdown to show contextual links in the menu bar or other parts of the website. I … Read more

5 Demos of jQuery to Add, Change, Remove CSS

jQuery CSS UI accordion

The jQuery method to set CSS properties The CSS properties of the elements in the web page can be added, changed, and removed (at run time) by using the jQuery css method. The $.css can also be used to get the CSS properties of the first matched element in DOM. I will show you a … Read more

Bootstrap 3 Navbar Component

Bootstrap navbar custom

The navbar in Bootstrap Generally, you require a top bar also called the navigation bar or header or top menu in your website that contains main links to the other parts of the website. As using the Bootstrap framework, this is quite easy to create a header menu that contains links or other components like a … Read more