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.