Is there a way to align the button with other components on the same line, positioned above them?
https://i.sstatic.net/m5Abz.png
<div className="row mb-12">
<div className="col-md-3">
<label htmlFor="noOfSubjects">No Of Subjects</label>
<Field className="form-control" name="noOfSubjects" type="number" placeholder="Enter the number of subjects" />
<p className="text-danger">
<ErrorMessage name="noOfSubjects" />
</p>
</div>
<div className="col-md-3">
<label htmlFor="startDate">Start Date</label>
<Field id="startDate" type="date" name="startDate" className="form-control" placeholder="Enter the Start Date" />
<p className="text-danger">
<ErrorMessage name="startDate" />
</p>
</div>
<div className="col-md-3">
<label htmlFor="endDate">End Date</label>
<Field id="endDate" type="date" name="endDate" className="form-control" placeholder="Enter the End Date" />
<p className="text-danger">
<ErrorMessage name="endDate" />
</p>
</div>
<div className="col-md-3">
<button className="btn btn-primary btn-block offset-md-3" type="submit">Search Certificate</button>
</div>
</div>What class attribute do I need to use to ensure they appear on the same line?