bootstrap复选框和单选按钮

复选框和单选按钮标签包含在<Label>标签中
<div class="checkbox"> <label><input type="checkbox" value="">选项 1</label> </div> <div class="checkbox"> <label><input type="checkbox" value="">选项 2</label> </div>
<div class="radio">
   <label>
      <input type="radio" name="optionsRadios"  
         value="option1" checked> 选项 1
   </label>
</div>
<div class="radio">
   <label>
      <input type="radio" name="optionsRadios"  
         value="option2">
         选项 2 - 选择它将会取消选择选项 1
   </label>
内联的复选框和单选按钮,
  • 对一系列复选框和单选框使用 .checkbox-inline.radio-inline class,控制它们显示在同一行上。

<div>
   <label class="checkbox-inline">
      <input type="checkbox"  value="option1"> 选项 1
   </label>
   <label class="checkbox-inline">
      <input type="checkbox"  value="option2"> 选项 2
   </label>
   <label class="checkbox-inline">
      <input type="checkbox"  value="option3"> 选项 3
   </label>
   <label class="checkbox-inline">
      <input type="radio" name="optionsRadiosinline"  
         value="option1" checked> 选项 1
   </label>
   <label class="checkbox-inline">
      <input type="radio" name="optionsRadiosinline"  
         value="option2"> 选项 2
   </label>
</div>