html - 控制单选按钮对齐

Question

我使用框架 Boostrap，我想控制单选按钮的对齐方式。

我看到的所有显示响应式单选按钮列表的示例都没有管理对齐。他们要么使用相同大小的标签，要么使用固定宽度的标签来保持对齐，但没有真正响应。

我尝试使用下面的解决方案，但使用

http://jsfiddle.net/rm7n73ep/ `

<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
Radio button's label 2

有人知道如何结合响应行为和正确对齐标签和单选按钮的属性吗？

非常感谢您的回答!

Answer 1

添加以下类

label{
            display: block;
        }