How can a div with text be centered vertically in a Bootstrap 4 Horizontal form?
For example, instead of a form input have a plain text div like "Password goes here," you can use the following code snippet:
<form>
<div class="form-group row">
<label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group row">
<label for="inputPassword3" class="col-sm-2 col-form-label">Password</label>
<div class="col-sm-10 align-middle">
Password goes here
</div>
</div>
</form>
Attempts with classes like align-middle and d-inline-block did not produce the desired effect.