0

Bootstrap 4 Form Inline

<section>
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <form class="form-inline">
          <div class="row">
            <div class="form-group">
              <label for="exampleInputEmail3">Name</label> <br>
              <input type="text" class="form-control" id="exampleInputEmail3" placeholder="Name">
            </div>
            <div class="form-group">
              <label for="exampleInputEmail3">Email address</label> <br>
              <input type="email" class="form-control" id="exampleInputEmail3" placeholder="Email">
            </div>
            <div class="form-group">
              <label for="exampleInputEmail3">Mobile</label> <br>
              <input type="tel" class="form-control" id="exampleInputEmail3" placeholder="Mobile">
            </div>
          </div>
          <div class="row">
            <div class="form-group">
              <label for="exampleInputEmail3">State</label> <br>
              <input type="text" class="form-control" id="exampleInputEmail3" placeholder="State">
            </div>
            <div class="form-group">
              <label for="exampleInputEmail3">City</label> <br>
              <input type="text" class="form-control" id="exampleInputEmail3" placeholder="City">
            </div>
            <div class="form-group">
              <label for="exampleInputEmail3">Zip</label> <br>
              <input type="text" class="form-control" id="exampleInputEmail3" placeholder="Zip">
            </div>
          </div>
          <div class="row">
            <div class="" align="left">
              <button type="submit" class="btn btn-primary">Submit</button>
            </div>
          </div>  
        </form>
      </div>
    </div>
  </div>
</section>
.row {
  margin:15px 0;
}
label {
  margin-bottom: 0;
  margin-left: 1px;
}
RUN
add comment
Suggest a different solution or add another example