.form-control / .form-label
class
Style form controls to look consistent and Bootstrap-themed.
Syntax
<input class="form-control" type="text">
Example
html
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" placeholder="you@example.com">
</div>
<div class="mb-3">
<label class="form-label">Role</label>
<select class="form-select">
<option>Admin</option>
<option>User</option>
</select>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="agree">
<label class="form-check-label" for="agree">I agree</label>
</div>