RadiobuttonList的引导CSS

收音机按钮：

   <div class="control-group">
    <label class="control-label">Mode</label>
    <div class="controls">
        <asp:radiobuttonlist id="RadioButtonList1" cssclass="radio" autopostback="true" title="Please Select Mode of Payment"
          repeatdirection="Horizontal"
          onselectedindexchanged="RadioButtonList1_SelectedIndexChanged">
            <asp:listitem>Cash</asp:listitem>
            <asp:listitem>Cheque</asp:listitem>
            <asp:listitem>Demand Draft</asp:listitem>
            <asp:listitem>Net Banking</asp:listitem>
        </asp:radiobuttonlist>
    </div>
   </div>

模式
现金
支票
即期汇票
网上银行

我已将引导css应用于：

• 文本框
• 下拉列表
• 文本区
• 布顿等

一切看起来都很好，除了单选按钮列表，它看起来很糟糕：

如何解决这个问题？

将“

无线电内联

”类添加到“

标签

”中

html

模式
弗斯特
第二
第三
第四
第五
第六

我不能使用

和

这就是我使用的：

<asp:RadioButtonList ID="popiRadios" RepeatLayout="Flow" RepeatDirection="Horizontal" runat="server">
                        <asp:ListItem class="radio-inline" Value="1" Text="Cash" Selected="True"></asp:ListItem>
                        <asp:ListItem class="radio-inline" Value="0" Text="Cheque"></asp:ListItem>
                    </asp:RadioButtonList>

---

您可以选择很多选项，但我觉得最好的选择是我的经验如下

首先在表单顶部设置样式，如下所示

<style>
    .radiostyle {
      height: auto;
    }

    .radiostyle label {
        margin-left: 3px !important;
        margin-right: 10px !important;
    }
</style>


.无线电方式{
高度：自动；
}
.无线电样式标签{
左边距：3倍！重要；
右边距：10px！重要；
}

其次，应将CLS应用于ASP.NET RadioButtonList控件


您是否为radiobuttonlist分配了100%。@Suresponnukalai您是什么意思？但我的Radiobutton列表中没有label控件抱歉，我说我的radiobuttonlist没有label属性，我只有现金这可以帮助您，默认情况下，输入元素是内联的。很抱歉，我不能在Web表单中使用Html输入，因为我使用了母版页。感谢您提醒我，尽管Visual Studio的“intellisense”可以在对象中插入普通的旧Html属性，但它们仍然有效。
<style>
    .radiostyle {
      height: auto;
    }

    .radiostyle label {
        margin-left: 3px !important;
        margin-right: 10px !important;
    }
</style>