Html 控制单选按钮对齐

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

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

我尝试过使用下面的解决方案，但没有成功

`

单选按钮标签2

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

---

非常感谢你的回答

添加以下

类

label{
            display: block;
        }

检查这是否有帮助：

                <div class="form-group">
                    <label class="col-md-5"> Your label </label>
                    <div class="col-md-7">
                        <div class="col-md-6">
                            <input type="radio" name="name1" value="0" checked/>
                            <label for="name1">Input 1</label>

                            <input type="radio" name="name2" value="1" />
                            <label for="name2">Input2</label>
                        </div>

                    </div>
                </div>

你的标签
输入1
输入2

您希望显示哪种对齐方式？一行中是否只有一个单选按钮？我想这就是您想要的。但我不明白您的需要。谢谢您的回答，我会测试。谢谢您的回答，我会检查。

                <div class="form-group">
                    <label class="col-md-5"> Your label </label>
                    <div class="col-md-7">
                        <div class="col-md-6">
                            <input type="radio" name="name1" value="0" checked/>
                            <label for="name1">Input 1</label>

                            <input type="radio" name="name2" value="1" />
                            <label for="name2">Input2</label>
                        </div>

                    </div>
                </div>