Bulma Navbar
A Bulma Navbar provides a responsive horizontal navbar along with the images, links, buttons, and dropdown menus.
Components |
Descriptions |
---|---|
Bulma Basic Navbar |
This classes are used to create basic horizonal navbar. |
Bulma Navbar brand |
The Navbar brand is the left side of the navbar which can contain navbar items and a navbar-burger as the last child. The navbar brand is always visible to the user irrespective of the viewport size. |
Bulma Navbar burger |
It is hamburger menu that appears on touch devices. It is used as the last child of the navbar-brand container to show the hamburger menu button on touch devices. |
Bulma Navbar menu |
Navbar menu that consists of menu items. It is the sibling of the navbar brand. |
Bulma Navbar start and navbar end |
This two are children of the navbar-menu. navbar start will appear on left and navbar end on right. |
Bulma Navbar item |
Bulma navbar item are the repeatable items that can be links, logos, dropdown menu, text, etc. The navbar-item class can be used with an anchor tag <a> or <div> tag |
Bulma Transparent navbar |
Bulma transparent navbar removes all the active and hover backgrounds from the navbar-items. |
Bulma Fixed navbar |
Bulma Fixed navbar is used to fixed the navbar to either top of the page or bottom. |
Bulma Dropdown menu |
Bulma Dropdown menu is the main container that contains the dropdown button and the dropdown menu. |
Bulma Navbar Colors |
Bulma Navbar Color is used to chamge the background color of the nvabar. |
Bulma Navbar Helper Classes |
There is two types of bulma navbar helper classes contain spaced used for add padding at top-bottom and shadow used for add shadow around the navbar. |
Bulma Components Complete Reference
Bulma Components contain various classes that are used to build the different portions of the web application which includes the Breadcrumb component that improves the navigation experience, card component that can be used to add details. Several such components are helpful to building an attractive web application.
The table form of complete reference for Bulma Components is given below: