asp.net - ASP.Net 中带引导程序的单选按钮

Question

我使用带有从 nuget 包下载的引导程序的 Visual Studio 2012。

我有下面的代码来显示单选按钮

<asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>
        <asp:RadioButtonList ID="RadioButtonList3" runat="server" CssClass="radio">
            <asp:ListItem Text="Yes" Value="yes"></asp:ListItem>
            <asp:ListItem Text="No" Value="no"></asp:ListItem>
        </asp:RadioButtonList>

现在对齐不正确，就像

我怎样才能使用 bootstrap 和 asp.net 正确对齐，如下所示

Answer 1

我实际上找到了另一种方法，并且使用 bootstrap 的 row-fluid 属性可以正常工作

<div class="row-fluid">
            <div class="span6 offset3">
                fluid6
                <div class="row-fluid">
                    <div class="span6">
                        <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>
                    </div>
                    <div class="span6 radio">
                        <asp:RadioButtonList ID="RadioButtonList3" runat="server">
                        <asp:ListItem Text="Yes" Value="yes"></asp:ListItem>
                        <asp:ListItem Text="No" Value="no"></asp:ListItem>
            </asp:RadioButtonList>
                    </div>
                </div>

            </div>
        </div>

Answer 2

您将需要使用一点 CSS。

尝试将标签设置为：

#RadioButtonList3 label{
    display: inline-block;
    width: 200px; <---- wild shot in the dark on the exact width
    text-align: center;
}