样式Asp:Dropdownlist和Asp:ListItem使用Bootstrap?

时间:2015-09-25 09:33:04

标签: c# css asp.net twitter-bootstrap

只是一个简单的问题,你如何使用bootstrap设置Asp:Dropdownlist及其ListItem的样式?

是否与CssClass有关? 从系统中说CssClass不是元素ListItem中的有效属性。 你能在文本中添加Span Class吗?

以下是示例代码:

dat[dat.Trade_Id!=tib.Trade_Id]

3 个答案:

答案 0 :(得分:1)

我认为你正在寻找:

<asp:DropDownList runat="server" CssClass="form-control"  id="dropdownrole" >
                    <asp:ListItem Text="-- Select a user to proceed --"></asp:ListItem>
                    <asp:ListItem Text="Admin"></asp:ListItem>
                    <asp:ListItem Text="Student" ></asp:ListItem>
                    <asp:ListItem Text="Teacher"></asp:ListItem>
                </asp:DropDownList>

我认为您无法使用引导程序更改选择样式,请阅读选择部分here。 (向下滚动)

问候。

答案 1 :(得分:1)

你试过this吗?
对我来说,添加CssClass =“form-control”

就足够了
<asp:DropDownList CssClass="dropdown-menu form-control" runat="server" id="dropdownrole" data-style="btn-primary">

答案 2 :(得分:0)

 <asp:ListItem>Allahabad</asp:ListItem>

  <asp:ListItem>Kanpur</asp:ListItem>

  <asp:ListItem>Rewa</asp:ListItem>

  <asp:ListItem>Bhopal</asp:ListItem>

  <asp:ListItem>Indore</asp:ListItem>

  <asp:ListItem>Jabalpur</asp:ListItem>

参考:

http://www.mindstick.com/Blog/639/Dropdownlist%20using%20BootStrap%20in%20ASP%20Net#.VgUYlVanJ7Y