如何在ASP.Net中的asp:Button中放置Bootstrap Glyphicon？

Question

我在我的项目中使用Bootstrap 3,我想在ASP.net按钮中使用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" />

也许应该做一些额外的事情.

我怎样才能让它发挥作用？在此先感谢您的回复.

Answer 1

你必须使用ASP:LinkBut​​ton的 ,而不是一个ASP:按钮,在这里是如何工作的我使用引导3在ASP.NET Web应用程序:

从您的代码中,您可以进行以下工作:

<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>

Answer 2

ASP Server在HTML服务器控件中可以实现控制的真正用途:

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

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

Answer 3

试试这个

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