Как разместить Glyphicon Bootstrap внутри кнопки asp: Button в ASP.Net?

Я использую Bootstrap 3 в моем проекте, и я хочу использовать Glyphicons Bootstrap в кнопках ASP.net.

Вот код, который я использовал, хотя он не сработал (я получил образец, который использует теги Twitter Bootstrap <span> вместо тегов <i>):

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

Возможно, что-то нужно сделать.

Как я могу заставить его работать? Заранее спасибо за ответы.

Ответы

Ответ 1

Вы должны использовать asp: LinkButton вместо 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>

Ответ 2

Что такое использование элемента управления ASP Server, если вы можете сделать это в HTML сервере:

Вы можете преобразовать элемент HTML в серверный элемент управления, установив атрибут runat = "server".

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

Ответ 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>

Ответ 4

Вы можете использовать linkButton вместо кнопки или 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>

Ответ 5

его работа для стиля глифов Asp: Button:

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