Bootstrap 如何使用www.example.com按钮上的bootsrap图标asp.net

6g8kf2rb 于 2023-06-04 发布在 Bootstrap

关注(0)|答案(3)|浏览(255)

你好朋友，我想使用 Bootstrap 像按钮图标，但当我尝试使用它在我的asp.net项目的图像不显示，你能告诉我如何使用 Bootstrap 图标按钮，我已经尝试了这个代码
<asp:Button ID="SubmitBtn" runat="server" OnClick="SubmitBtn_Click" Text="Submit" CssClass="btn btn-small btn-primary" />
还有这个
<asp:Button ID="SubmitBtn" runat="server" OnClick="SubmitBtn_Click" Text="Submit" CssClass="btn btn-small btn-primary" > </asp:Button>
我也试过用这个<asp:Button ID="SubmitBtn" runat="server" OnClick="SubmitBtn_Click" Text="Submit " CssClass="btn btn-small btn-primary" />
但它不工作，请有人张贴一个解决方案，如何使它工作？？？

twitter-bootstrap

来源：https://stackoverflow.com/questions/15863938/how-to-use-bootsrap-icon-on-asp-net-button

3条答案

按热度按时间

af7jpaap1#

LinkButton，像这样...

<asp:LinkButton ID="SubmitBtn" runat="server" OnClick="SubmitBtn_Click" CssClass="btn btn-small btn-primary"><i class="icon icon-ok"></i>&nbsp;Submit</asp:LinkButton>

https://stackoverflow.com/a/11373500/1315626

赞(0）回复(0）举报 2023-06-04

eni9jsuy2#

<button type="button" onserverclick="Unnamed_ServerClick" class="btn btn-default " runat="server" > <span class="glyphicon glyphicon-search"></span></button>

赞(0）回复(0）举报 2023-06-04

mccptt673#

最简单的选择是使用asp：LinkButton或HTML标记，如前面的响应中所述。但是，如果你特别想使用asp：button的另一个原因，我可以为你提供一个解决方案。您可以将CSS和JS添加到单独的文件中，并将它们导入到母版页中，以便在多个Web窗体中重用代码。

function redirectToButton(buttonId) {
        document.getElementById(buttonId).click();
    }

.btnHidden {
        background: none;
        color: white;
        padding: 0rem;
        border: none;
    }

<div class="btn btn-primary" onclick="redirectToButton('<%= btnSearch.ClientID %>')">
    <i class="bi bi-search"></i>
    <asp:Button runat="server" ClientIDMode="Static" CssClass="btnHidden" ID="btnSearch" Font-Bold="true" Text="Search" />
</div>

赞(0）回复(0）举报 2023-06-04

我来回答

Bootstrap 如何使用www.example.com按钮上的bootsrap图标asp.net

3条答案

相关问题

热门标签

最新问答