html - 如何将 Bootstrap Glyphicon 放入 asp :Button in ASP.Net 中？

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:Button，以下是我使用 Bootstrap 3 的方式在 ASP.NET 网络应用程序中:

根据您的代码，您可以完成以下工作:

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