使 link 看起来像 bootstrap 按钮失败

Question

我试着让 link 看起来像 bootstrap 按钮， 在我使用 asp.net razor 模板语言的地方，我只给 link 一个 class 的 btn。

我从这个问题中得到启发：

How to make <a href=""> link look like a button?

但是我没有得到灰色格式的按钮。

这是我的 code:

<a class="btn" href="@Url.Action("viewList","PMGLists",new { id =this.Request.QueryString["pmgID"] })"><span class="glyphicon glyphicon-circle-arrow-left"></span> Back to PMG List</a>

这就是当我所谓的按钮/link 出现时我得到的结果。 Screenshot of 2 buttons

有谁知道我在这里错过了什么...

Answer 1

您可以将这些 类 添加到您的 Html 文件中。

 <a class="btn btn-primary " ></a>

btn-primary 是按钮样式

更多关于 Bootstrap 按钮的参考

https://www.w3schools.com/bootstrap/bootstrap_buttons.asp

查看下图中的工作代码。