Basic use for Navbar using only CSS, completely simple, resposive and interactive.
How it works
A navbar can be used inside a grid or outside it and just with CSS or changing classes with JS. By default has not paddings (the class navbar) and with width expanded (100%), this means is adaptable always to any container, for this reason, navbar component could be outside or inside the grid. However, if you nedd a expanded navbar, please use the navbar-expanded class, this class set needed padding to adapt the component to any screen size.
Here’s what you need to know before getting started with the navbar:
Outside grid need use the navbar class out of grid.
Inside the container class grid but outside of column class, to get the require wrapping.
If you need a navbar expanded, you don’t need to add another class, just need to add -expanded to the same class navbar. Example: navbar-expanded.
Just need CSS to collapse the navigation on small screens, but, you can collapse the navigation adding classes with JS.