html - 如何在 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: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>

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>

Answer 4

它适用于 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>

Answer 5

您可以像这样使用 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>