I have a Bootstrap Form with labels and input fields. I am looking for a way to reduce the space between the label and the input field. Please see the code and screenshot below for reference.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<div class="form-group row">
<label class="col-sm-1 col-form-label col-form-label-sm">First Name</label>
<div class="col-sm-3">
<input type="text" name="FirstName" class="form-control form-control-sm" id="TxtFirstName" placeholder="First Name" value={this.state.FirstName} required onChange={this.onChangeHandler}/>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm">Last Name</label>
<div class="col-sm-3">
<input type="text" name="LastName" class="form-control form-control-sm" id="TxtLastName" placeholder="Last Name" value={this.state.LastName} required onChange={this.onChangeHandler}/>
</div>
<label class="col-sm-1 col-form-label col-form-label-sm">Email Id</label>
<div class="col-sm-3">
<input type="email" name="EmailId" class="form-control form-control-sm" id="TxtEmailId" placeholder="EmailId" value={this.state.EmailId} required onChange={this.onChangeHandler}/>
</div>
</div>screenshot:-