Question

在form-horizontal中创建内联无线电时，有没有办法垂直对齐单选按钮？小提琴here - 请注意按钮＆＃39; EF＆＃39;在按钮＆＃39; B＆＃39;下面，但向右偏移 - 我希望它直接在＆＃39; B＆＃39;之下。我可以搞乱填充，但如果可能的话，我宁愿使用网格。谢谢。

Answer 1

Demo Fiddle

这里的问题是你实际上在一个Bootrap列（col-sm-4）中放置了两列内容，你要么想把单选按钮分成不同的列，要么对它们应用一个设置的宽度，这样它就可以了跨行是一致的。尝试添加：

label{
    width:46%;
}

Answer 2

<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
    Option one
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
    option two
  </label>
</div>

Bootply here

Bootstrap 3：内联无线电的垂直对齐

2 个答案:

Demo Fiddle