<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
    <div class="container">
      <div class="container">
          <div class="col-lg-2 col-md-3 col-sm-4 col-5 ml-auto float-right search-container" id="search-box">
            <div class="input-group">
              <button class="btn btn-info" type="button" id="newsLattersBtn">Submit your email</button>
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-sm-6 col-7 ml-auto float-right search-container">
            <div class="input-group">
              <input type="text" class="form-control search-input border-white" id="newsLatters" placeholder="Newsletter sign up">
            </div>
          </div>

          <div class="col-lg-3  ml-auto float-right search-container d-none" id="alertSuccess">
            <div class="alert alert-success">
              <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              <strong>Success!</strong>
            </div>
          </div>
          <div class="col-lg-3  ml-auto float-right search-container d-none" id="alertFail">
            <div class="alert alert-danger">
              <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              <strong>Invalid!</strong>
            </div>
          </div>
      </div>
    </div>
  </nav>