Navbar Top
Navbar Top is a different user friendly layout system in Falcon. You can start developing with Navbar Top layout with the starter page.
Navbar Top Starter PageSupported Content
Falcon Navbar Top support all of Boostrap Navbar components. .navbar-brand
, .navbar-nav
, .navbar-toggler
, .form-inline
, .navbar-text
, .collapse.navbar-collapse
all of those sub-componets are used in Navbar Top.
Responsive behaviors
Falcon Navbar Top use Bootstrap Navbar responsive behaviors.
Navbar Top can utilize .navbar-toggler
, .navbar-collapse
, and .navbar-expand{-sm|-md|-lg|-xl}
classes to change when their content collapses behind a button. In combination with other utilities, you can easily choose when to show or hide particular elements.
For navbars that never collapse, add the .navbar-expand
class on the navbar. For navbars that always collapse, donβt add any .navbar-expand
class.
Color Schemes
Changing the color of Navbar Top is very easy. Falcon uses .navbar-light
for styling Navbar Top. You can use other Bootstrap utilitie classes to update the Navbar. Learn more about Bootstrap Navbar Color Schemes.