Navbar Kit
The Navbar KIT provides a large range of elements compatible with any navbar component, starting with simple menus and dropdowns, to form elements, toggle buttons and other custom widget areas such as notifications, messages, files and more.
Simple Dropdown
Hover Dropdown
Login Dropdown Form
Sign up Dropdown Form
Datepicker
Notifications
Messages
Files
User
Country Flags
Toggle Buttons
Simple Menus
Buttons
Text Brand
Brand with image
Search 1
Search 2
Radio Buttons
Checkbox
Checkbox Switch Button
Slider
Primary Skin
To use the primary skin, simply apply the .navbar-primary
class on the main navbar container.
Simple Dropdown
Hover Dropdown
Login Dropdown Form
Sign up Dropdown Form
Datepicker
Notifications
Messages
Files
User
Country Flags
Toggle Buttons
Simple Menus
Buttons
Text Brand
Brand with image
Search 1
Search 2
Radio Buttons
Checkbox
Checkbox Switch Button
Slider
Small Navbar
To use the small navbar, simply apply the .navbar-size-small
class on the main navbar container.
Simple Dropdown
Hover Dropdown
Login Dropdown Form
Sign up Dropdown Form
Datepicker
Notifications
Messages
Files
User
Country Flags
Toggle Buttons
Simple Menus
Buttons
Text Brand
Brand with image
Search 1
Search 2
Radio Buttons
Checkbox
Checkbox Switch Button
Slider
Large Navbar
To use the large navbar, simply apply the .navbar-size-large
class on the main navbar container. Note that the large navbar applies only for medium to large screens and takes the default size for small and mobile screens.