如何在ASP.Net中的一个ASP:Button中放置一个Bootstrap Glyphicon?

我在我的项目中使用Bootstrap 3,我想在ASP.netbutton中使用Bootstrap Glyphicons。

这里是我使用的代码,虽然它没有工作(我有一个使用Twitter Bootstrap <span>标签,而不是<i>标签)的示例:

 <asp:Button ID="btnRandom" runat="server" Text="<span aria-hidden='true' class='glyphicon glyphicon-refresh'> </span>" onclick="btnRandom_Click" /> 

也许应该做些额外的事情。

我怎样才能使它工作? 预先感谢答复。

您必须使用asp:LinkBut​​ton 而不是 asp:Button ,下面是在ASP.NET Web应用程序中使用Bootstrap 3的方法:

从你的代码你可以做以下工作:

 <asp:LinkButton ID="btnRandom" runat="server" CssClass="btn btn-primary" OnClick="btnRandom_Click"> <span aria-hidden="true" class="glyphicon glyphicon-refresh"></span> </asp:LinkButton> 

这里是我用于提交文本“提交”的一个例子:

 <asp:LinkButton ID="SubmitBtn" runat="server" CssClass="btn btn-primary" OnClick="SubmitBtn_Click"> <span aria-hidden="true" class="glyphicon glyphicon-ok"></span>Submit </asp:LinkButton> 

什么是ASP Server控件的实际使用,当你可以在HTML服务器控件中做到这一点:

您可以通过设置runat =“server”属性将HTML元素转换为服务器控件。

 <button runat="server" > <span aria-hidden="true" class="glyphicon glyphicon-refresh"></span>Refresh </button> 

尝试这个

 <button id="btnSubSearch" runat="server" type="submit" class="btn btn-default" onserverclick="btnSubSearch_Click"> <span aria-hidden="true" class="glyphicon glyphicon-search"> </span> </button> 

你可以使用linkBut​​ton而不是button或asp:Button就像这样;

 <linkbutton runat="server"><a class="btn btn-info btn-md"> <span class="glyphicon glyphicon-plus" style="font-size: x-large; font-weight: bolder"></span> </a></linkbutton> 

它的工作为Asp:Button glyphicon风格:

 <div class="btn btn-primary glyphicon glyphicon-search"> <asp:Button ID="Button1" runat="server" Text="Search" BackColor="Transparent" BorderWidth="0" OnClick="Button1_Click" /> </div>