Bootstrap：如何使用下面的单选按钮选择为input-group-addon？

Question

当用户在选择中选择某个选项时，我想要出现两个单选按钮，他们也需要做出选择。要突出显示单选按钮与选择相关的事实，我希望它们在选择下方显示为input-group-addon。

我可以将一个单选按钮显示为选择（fiddle here）右侧的input-group-addon：

<div class="input-group">
    <select class="form-control">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
    <span class="input-group-addon">
        <input type="radio">
    </span>
</div>

但是如何在它下方显示input-group-addon以便它可以包含两个下方的单选按钮？

Answer 1

如果你的最终结果如下图所示..

那么代码将是这样的..

<div class="input-group">
   <select class="form-control">
      <option>1</option>
      <option>2</option>
      <option>3</option>
   </select>
   <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>
</div>