### 多選和單選框 多選框（checkbox）用于選擇列表中的一個或多個選項，而單選框（radio）用于從多個選項中只選擇一個。 Disabled checkboxes and radios are supported, but to provide a "not-allowed" cursor on hover of the parent`<label>`, you'll need to add the`.disabled`class to the parent`.radio`,`.radio-inline`,`.checkbox`, or`.checkbox-inline`. #### 默認外觀（堆疊在一起）  ~~~html <div class="checkbox"> <label> <input type="checkbox" value=""> Option one is this and that&mdash;be sure to include why it's great </label> </div> <div class="checkbox disabled"> <label> <input type="checkbox" value="" disabled> Option two is disabled </label> </div> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option one is this and that&mdash;be sure to include why it's great </label> </div> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option two can be something else and selecting it will deselect option one </label> </div> <div class="radio disabled"> <label> <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled> Option three is disabled </label> </div> ~~~ #### 內聯單選和多選框 通過將`.checkbox-inline`或`.radio-inline`類應用到一系列的多選框（checkbox）或單選框（radio）控件上，可以使這些控件排列在一行。  ~~~html <label class="checkbox-inline"> <input type="checkbox" id="inlineCheckbox1" value="option1"> 1 </label> <label class="checkbox-inline"> <input type="checkbox" id="inlineCheckbox2" value="option2"> 2 </label> <label class="checkbox-inline"> <input type="checkbox" id="inlineCheckbox3" value="option3"> 3 </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1 </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2 </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3 </label> ~~~ #### 不帶label文本的Checkbox 和 radio 如果需要`<label>`內沒有文字，輸入框（input）正是你所期望的。**目前只適用于非內聯的 checkbox 和 radio。**請記住，仍然需要為使用輔助技術的用戶提供某種形式的 label（例如，使用`aria-label`）。  ~~~html <div class="checkbox"> <label> <input type="checkbox" id="blankCheckbox" value="option1" aria-label="..."> </label> </div> <div class="radio"> <label> <input type="radio" name="blankRadio" id="blankRadio1" value="option1" aria-label="..."> </label> </div> ~~~