As a beginner in front-end development, I have created a simple form with 4 fields. My question is how to align all these fields in one line equally divided?
Below is the code snippet written in HTML along with the output:
<div>
<form>
<div class="form-inline">
<div class="col-sm-6">
<label>Name: </label>
<input type="text" class="form-control" >
</div>
<div class="col-sm-6">
<label>Email: </label>
<input type="text" class="form-control" >
</div>
<br>
<br>
<div class="col-sm-6">
<label>Phone #: </label>
<input type="text" class="form-control" >
</div>
<div class="col-sm-6">
<label>Education Qualification: </label>
<input type="text" class="form-control" >
</div>
</div>
</form>
</div>