使用bootstrap的水平单选按钮

Question

我正在尝试使用bootstrap在表单中水平对齐单选按钮。 在不添加引导程序库的情况下，此代码可以正常运行：

<form id="test_form">
  <div class="control-group">
    <label for="Q1">First question</label>
      <label for="Q1RB" class="radio">
        <input id="Q1RB" type="radio" name="Q1RB" value="Almost never" class="radio inline">Almost never
      </label>
      <label for="Q1RB" class="radio">
        <input id="Q1RB" type="radio" name="Q1RB" value="Sometimes" class="radio inline">Sometimes
      </label>
      <label for="Q1RB" class="radio">
        <input id="Q1RB" type="radio" name="Q1RB" value="Often" class="radio inline">Often
      </label>
      <label for="Q1RB" class="radio">
        <input id="Q1RB" type="radio" name="Q1RB" value="Almost always" class="radio inline">Almost always
      </label>
  </div>
</form

但是在将bootstrap.js添加到标题后，单选按钮不再水平对齐，而是垂直对齐。 我正在使用最后一个版本的bootstrap（3.1.1）

Answer 1

尝试使用广播标签中的radio-inline课程（请参阅this link）。

这是因为默认情况下，bootstrap使用堆叠布局。