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>