title: How to add toggle full width search box to the Navbar in Bootstrap 4?
body: <p>I am using Bootstrap 4, and i am trying to place a search box which toggles to full width when the icon is clicked.</p>
  
  <p>In Bootstrap 3, it was done like this example:
  <a href="https://bootsnipp.com/snippets/featured/simple-navbar-search" rel="nofollow noreferrer">https://bootsnipp.com/snippets/featured/simple-navbar-search</a></p>
  
  <p>But I am not sure how to achieve the same in Bootstrap 4 as so much has changed in bootstrap 4.</p>
  
  <p>How do i modify the above example?</p>