Clay CSS v3.9.0

Navbar (Management Bar)

Collapsing the Search Input in mobile requires additional javascript to add and remove the show class on navbar-overlay-sm-down.
Bootstrap 4 doesn't support Dropdown Menu's with Popper.js positioning inside Navbars. They align them manually via CSS classes. See Dropdown Alignment.

Use navbar-overlay navbar-overlay-up on any direct descendant of navbar to create an overlay on top of the navbar with alternate content, useful for expanding search bars or an alternate navbar that depends on some state in your application. Toggle the navbar-overlay's visibility by adding or removing the class show to navbar-overlay.

navbar-overlay-up overlays the navbar at all screen widths.
navbar-overlay-lg-down: 1199px and below
navbar-overlay-md-down: 991px and below
navbar-overlay-sm-down: 767px and below
navbar-overlay-xs-down: 575px and below

Management Bar with only Search (Collapses in Mobile)

Management Bar with only Search (Always Open)

With Buttons