如何在 RadioButtonList 的单选按钮及其文本之间添加 space？

Question

我一直在阅读一些解决方法，但没有找到适合我的方法。我在我的 ASPX 页面中使用 Bootstrap 来显示带有“是”和“否”选项的 RadioButtonList，如下所示：

<div class="form-group my-3">
    <label class="form-label" style="margin-top: 0px; margin-right: 15px; margin-bottom: 0px;">I worked in person:</label>
    <asp:RadioButtonList runat="server" ID="input_inPerson">
        <asp:ListItem Selected="False" Value="true">Yes</asp:ListItem>
        <asp:ListItem Selected="False" Value="false">No</asp:ListItem>
    </asp:RadioButtonList>
</div>

按钮和文本根本不是 spaced，如下所示：

我的问题是，有什么方法可以在这个按钮和文本之间添加一个 space 吗？如果是这样，我可以使用 bootstrap 的“m” 类来完成吗？

Answer 1

只是折腾一种风格，因为单选按钮的“标签”部分呈现为简单的“标签”

所以，试试这个：

        <style>
            .butLabel label {margin-left:15px} 
        </style>

    <div class="form-group my-3">
        <label class="form-label" style="margin-top: 0px; margin-right: 15px; margin-bottom: 0px;">I worked in person:</label>
        <asp:RadioButtonList runat="server" ID="input_inPerson" CssClass="butLabel">
            <asp:ListItem Selected="False" Value="true">Yes</asp:ListItem>
            <asp:ListItem Selected="False" Value="false">No</asp:ListItem>
        </asp:RadioButtonList>
    </div>

所以，假设 15px，你会得到这个：

如何在 RadioButtonList 的单选按钮及其文本之间添加 space？

How do I add a space between a RadioButtonList's radio buttons and their text?

html

asp.net

bootstrap-4