使用asp:dropdownlist或asp:radioButtonList来模拟BootStrap 3选择

时间:2016-09-28 13:38:38

标签: asp.net drop-down-menu twitter-bootstrap-3 webforms

我的代码在

下面
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  20 <span class="caret"></span>
  </button>
<ul class="dropdown-menu" role="menu">
  <asp:RadioButtonList ID="RadioButtonList1" runat="server">
      <asp:ListItem class="DropDownRadioButtonList">Item 1</asp:ListItem>
      <asp:ListItem class="DropDownRadioButtonList">Item 2</asp:ListItem>
      <asp:ListItem class="DropDownRadioButtonList">Item 3</asp:ListItem>
      <asp:ListItem class="DropDownRadioButtonList">Item 4</asp:ListItem>
  </asp:RadioButtonList>
</ul>
</div>

我要做的是模仿下图中右侧的选择框的外观。我的代码在左侧的图像中生成选择

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试将类添加到RadioButtonList。