html - Bootstrap : how to use radio buttons below select as input-group-addon?

Question

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

我可以让单选按钮显示为选择右侧的 input-group-addon (fiddle here):

<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>