Supported Content
Falcon Navbar Top support all of Boostrap Navbar components. .navbar-brand
, .navbar-nav
, .navbar-toggler
, .form-inline
, .navbar-text
, .collapse.navbar-collapse
those sub-componets are used in Navbar Top.
Html
<nav class="navbar navbar-light navbar-glass navbar-top navbar-expand-lg">
<!-- Navbar Content-->
</nav>
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.