Responsive Multi- Level Header - Copy this Html, Bootstrap Component to your project

Create-me-a-full-width-responsive-header-in-bootstrap-that-uses-a-container-so-that-inner-contents-aren't-edge-to-edge.-There-should-be-a-logo-on-the-left-side,-on-the-upper-right-side,-there-should-be-a-utility-nav-menu-and-on-the-far-right-should-be-a-Login-button.-under-that-should-be-a-search-box.-At-the-bottom-of-the-header-should-be-a-full-width-menu-that-is-about-40px-tall-with-a-solid-background-colour-and-about-5-menu-links.-For-responsive-mode,-when-viewed-on-a-browser,-the-menus-should-appear-in-a-hamburger-menu.