<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<form>

  <div class="form-group">

    <label for="searchBox">Address</label>

    <div id="searchBoxContainer"><input class="form-control" type="text" id="searchBox" /></div>

  </div>

  <div class="form-group">

        <label for="searchBoxAlt">Alternative Address</label>

        <div id="searchBoxContainerAlt"><input class="form-control" type="text" id="searchBoxAlt" /></div>

      </div>

  <button type="submit" class="btn btn-primary">Submit</button>

</form>

​

<script

  type="text/javascript"

  src="https://www.bing.com/api/maps/mapcontrol?key=AjwUEXFZA8SMyy8CaJj59vJKVDoWohNXVFz_uGyHlT8N40Jgr-zrhvcxbTNRyDqn&callback=bingMapsReady"

  async

  defer

></script>