Forms

<div class="mb-3">
  <label for="exEmail" class="form-label">Email</label>
  <input type="email" class="form-control" id="exEmail" placeholder="[email protected]">
</div>
<div class="mb-3">
  <label for="exSelect" class="form-label">Select</label>
  <select class="form-select" id="exSelect">
    <option selected>Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
  </select>
</div>
<div class="mb-3">
  <label for="exText" class="form-label">Textarea</label>
  <textarea class="form-control" id="exText" rows="3"></textarea>
</div>

<div class="form-check">
  <input class="form-check-input" type="checkbox" value="" id="check1" checked>
  <label class="form-check-label" for="check1">Checkbox</label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="r" id="radio1" checked>
  <label class="form-check-label" for="radio1">Radio</label>
</div>
<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
  <label class="form-check-label" for="switch1">Switch</label>
</div>

<div class="input-group mb-3">
  <span class="input-group-text">@</span>
  <input type="text" class="form-control" placeholder="Username">
</div>
<div class="form-floating">
  <input type="email" class="form-control" id="floatEmail" placeholder="[email protected]">
  <label for="floatEmail">Email address</label>
</div>