ラジオボタン

縦型

<div class="form-group">
  <label><span class="label-text">ラベル</span></label>
  <label class="radio" for="radio1">
    <input type="radio" name="group1" value="1" data-toggle="radio" id="radio--1">
  選択肢1
  </label>
  <label class="radio" for="radio2">
    <input type="radio" name="group1" value="2" data-toggle="radio" id="radio--2" checked>
  選択肢2
  </label>
</div>

横型

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

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

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

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