title: Create a toggle search box in Navbar with Bootstrap 4
body: <p>I'm trying to create a similar effect in SEARCH BOX like uikit #SEARCH IN NAVBAR with Bootstrap, but no success until now.</p>
  
  <p>Example -> <a href="https://codepen.io/thiagobraddock/pen/mdJNMBJ" rel="nofollow noreferrer">https://codepen.io/thiagobraddock/pen/mdJNMBJ</a></p>
  
  <pre><code>&lt;div class="uk-navbar-item uk-width-expand"&gt;
      &lt;form class="uk-search uk-search-navbar uk-width-1-1"&gt;
          &lt;input class="uk-search-input" type="search" placeholder="Search..." autofocus&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Full example here -> <a href="https://getuikit.com/docs/search" rel="nofollow noreferrer">https://getuikit.com/docs/search</a></p>
  
  <p><em>"The search icon can be used as a toggle to open the search inside a navbar[...]"</em></p>
  
  <p>When click the search icon, the input field cover all "row", looks like easy but I can't find any example, and I Did search a lot.</p>
  
  <p>Thanks :)</p>