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

发布于06月18日

我在我的项目中使用Bootstrap 3，我想在ASP中使用Bootstrap图标.网络按钮.

下面是我使用的代码，尽管没有成功(我得到了一个使用Twitter bootstrap <span>个标签而不是<i>个标签的示例):

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

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

我怎么才能让它工作呢？提前感谢您的回复.

推荐答案

你必须使用asp:LinkButton instead of a asp:Button，以下是我在ASP中使用Bootstrap 3时的工作原理.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>

下面是一个例子，我用Submit Button加上"提交"的文字:

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