Contact Form 7 with Bootstrap 4 form

contact-form-7-bootstrap.html

<div class="row">
<div class="col">
  [response]
</div>
</div>

<div class="row">
  <div class="form-group col">
    <label for="your-name" class="control-label">Name <span class="text-danger">*</span></label>[text* your-name class:form-control id:name placeholder "Your Name"]
  </div>

  <div class="form-group col">
    <label for="your-email" class="control-label">Email <span class="text-danger">*</span></label>[email* your-email class:form-control placeholder "Your Email"]
  </div>
</div>

<div class="row">
  <div class="form-group col">
    <label for="requested-date" class="control-label">Date requested <span class="text-danger">*</span></label>[date requested-date class:form-control]
  </div>
</div>

<div class="row">
  <div class="form-group col">
    <label for="your-subject" class="control-label">Subject</label>[text your-subject class:form-control]
  </div>
</div>
<div class="row">
  <div class="form-group col">
    <label class="control-label">Your Message <span class="text-danger">*</span></label>[textarea* your-message class:form-control]
  </div>
</div>

<span class="text-danger small">* Required</span>