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：LinkButton 而不是 asp：Button ，以下是我使用{{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>

以下是我用于提交按钮的文字＆＃34;提交＆＃34;：

的示例

<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 =＆＃34; server＆＃34;将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

你可以使用linkButton代替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>

Answer 5

其工作适用于Asp：Button glyphicon style：

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

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

5 个答案: