Checks and radios

                
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-default" type="checkbox" value="" id="checkDefault" checked>
                    <label class="form-check-label" for="checkDefault">
                      Default
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-primary" type="checkbox" value="" id="checkPrimary" checked>
                    <label class="form-check-label" for="checkPrimary">
                      Primary
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-danger" type="checkbox" value="" id="checkDanger" checked>
                    <label class="form-check-label" for="checkDanger">
                      Danger
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-success" type="checkbox" value="" id="checkSuccess" checked>
                    <label class="form-check-label" for="checkSuccess">
                      Success
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-warning" type="checkbox" value="" id="checkWarning" checked>
                    <label class="form-check-label" for="checkWarning">
                      Warning
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-info" type="checkbox" value="" id="checkInfo" checked>
                    <label class="form-check-label" for="checkInfo">
                      Info
                    </label>
                  </div>



                  <div class="form-check form-check-inline">
                    <input class="form-check-input form-check-input-primary" type="checkbox" id="inlineCheckbox1" value="option1">
                    <label class="form-check-label" for="inlineCheckbox1">inline 1</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input form-check-input-primary" type="checkbox" id="inlineCheckbox2" value="option2">
                    <label class="form-check-label" for="inlineCheckbox2">inline 2</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input form-check-input-primary" type="checkbox" id="inlineCheckbox3" value="option3" disabled>
                    <label class="form-check-label" for="inlineCheckbox3">inline 3 (disabled)</label>
                  </div>
                
              

                
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-default" type="radio" value="" id="radioDefault" checked>
                    <label class="form-check-label" for="radioDefault">
                      Default
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-primary" type="radio" value="" id="radioPrimary" checked>
                    <label class="form-check-label" for="radioPrimary">
                      Primary
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-danger" type="radio" value="" id="radioDanger" checked>
                    <label class="form-check-label" for="radioDanger">
                      Danger
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-success" type="radio" value="" id="radioSuccess" checked>
                    <label class="form-check-label" for="radioSuccess">
                      Success
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-warning" type="radio" value="" id="radioWarning" checked>
                    <label class="form-check-label" for="radioWarning">
                      Warning
                    </label>
                  </div>
                  <div class="form-check mb-2">
                    <input class="form-check-input form-check-input-info" type="radio" value="" id="radioInfo" checked>
                    <label class="form-check-label" for="radioInfo">
                      Info
                    </label>
                  </div>



                  <div class="form-check form-check-inline">
                    <input class="form-check-input form-check-input-primary" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
                    <label class="form-check-label" for="inlineRadio1">inline 1</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input form-check-input-primary" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
                    <label class="form-check-label" for="inlineRadio2">inline 2</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input form-check-input-primary" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
                    <label class="form-check-label" for="inlineRadio3">inline 3 (disabled)</label>
                  </div>