<div class="list-group">
  <div class="list-group-item d-flex align-items-center">
    <div class="flex-fill">
      <div class="fw-bold">Server auto backup</div>
      <div class="small text-inverse text-opacity-50">last backup since yesterday</div>
    </div>
    <div>
      <div class="form-check me-n1">
        <input type="checkbox" class="form-check-input" id="customSwitch1">
        <label class="form-check-label" for="customSwitch1"></label>
      </div>
    </div>
  </div>
  <div class="list-group-item d-flex align-items-center">
    <div class="flex-fill">
      <div class="fw-bold">Analytics enabled</div>
      <div class="small text-inverse text-opacity-50">3,392 data collected</div>
    </div>
    <div>
      <div class="form-switch me-n1">
        <input type="checkbox" class="form-check-input" id="customSwitch2">
        <label class="form-check-label" for="customSwitch2"></label>
      </div>
    </div>
  </div>
  <a href="#/" class="list-group-item list-group-item-action d-flex align-items-center">
    <div class="flex-fill">
      <div class="fw-bold">Link with arrow</div>
    </div>
    <div>
      <i class="fa fa-chevron-right"></i>
    </div>
  </a>
  <a href="#/" class="list-group-item list-group-item-action d-flex align-items-center">
    <div class="flex-fill">
      <div class="fw-bold">Link with arrow</div>
    </div>
    <div>
      <i class="fa fa-chevron-right"></i>
    </div>
  </a>
</div>