Asp單選按鈕列表中的每一個單行中的三個單選按鈕bootstrab

Question

我如何從asp：RadioButtonList rblbase中得到每個3單選按鈕，如下面的代碼所示。

<div class="row"> 
<div class="col-sm-4"> 
    Radio1 
</div> 
<div class="col-sm-4"> 
    Radio2 
</div> 

<div class="col-sm-4"> 
    Radio3 
</div> 

和行下面應該是

<div class="row"> 
<div class="col-sm-4"> 
    Radio3 
</div> 
<div class="col-sm-4"> 
    Radio4 
</div> 

<div class="col-sm-4"> 
    Radio5 
</div> 

單選按鈕列表

<asp:RadioButtonList ID="rblbase" runat="server"></asp:RadioButtonList> 

Answer 1

使用RepeatDirection =水平並設置空白左側，右側在您的CSS。例如，

<asp:RadioButtonList ID="rblbase" runat="server" 
RepeatDirection="Horizontal" CssClass="myRadioBtn"></asp:RadioButtonList> 

在你的CSS代碼

然後，

.myRadioBtn input[type="radio"] 
{ 
    margin-left: 15px; 
    margin-right: 15px; 
} 

否則容易就可以使用CELLPADDING和CELLSPACING，像波紋管，

<asp:RadioButtonList ID="rblbase" runat="server" 
RepeatDirection="Horizontal" CellPadding="2" CellSpacing="2"> 
</asp:RadioButtonList> //change the values 

希望它能幫助:)