Editor ► Run
Copy
<nav class="navbar navbar-light bg-light">
  <form class="form-inline">
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text" id="basic-addon1">@</span>
      </div>
      <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
    </div>
  </form>
</nav>
Copy

                
Copy

                

{} CSS Resources


https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css
Bootstrap 4 Navbar Forms - With Input Group Items