チェックボックス

縦型

<div class="form-group">
  <label><span class="label-text">ラベル</span></label>
  <label class="checkbox" for="checkbox1">
    <input type="checkbox" value="" id="checkbox1" data-toggle="checkbox">
  選択肢1
  </label>
  <label class="checkbox" for="checkbox2">
    <input type="checkbox" value="" id="checkbox2" data-toggle="checkbox" checked>
  選択肢2
  </label>
</div>

横型

選択肢の各文言が短くかつだいたい同じ長さの場合や、他のコンポーネントと横並びにする場合などは横型の方が適しています。

<div class="form-group">
  <label><span class="label-text">ラベル</span></label>
  <label class="checkbox checkbox-inline" for="checkbox5">
    <input type="checkbox" value="" id="checkbox5" data-toggle="checkbox">
  選択肢1
  </label>
  <label class="checkbox checkbox-inline" for="checkbox6">
    <input type="checkbox" value="" id="checkbox6" data-toggle="checkbox" checked>
  選択肢2
  </label>
  <label class="checkbox checkbox-inline" for="checkbox7">
    <input type="checkbox" value="" id="checkbox7" data-toggle="checkbox">
  選択肢3
  </label>
</div>

無効化したい場合は、inputにdisabled属性を追加してください。labelにも自動でdisabledクラスが付加されます。

<div class="form-group">
  <label><span class="label-text">ラベル</span></label>
  <label class="checkbox" for="checkbox3">
    <input type="checkbox" value="" id="checkbox3" data-toggle="checkbox" disabled>
  Disabled
  </label>
  <label class="checkbox" for="checkbox4">
    <input type="checkbox" value="" id="checkbox4" data-toggle="checkbox" disabled checked>
  Disabled
  </label>
</div>