使链接看起来像一个引导按钮，失败

Question

我尝试使链接看起来像一个引导按钮， 在哪里我使用SELECT g.ID FROM TEST_GROUP g JOIN GROUP_PREFERENCE gp ON g.ID = gp.GROUP_ID JOIN PREFERENCE_ENTRY pe ON gp.ID = pe.PREFERENCE_ID WHERE (gp.TYPE, pe.PREFERENCE_VALUE) IN ( ('CONFIGURABLE', 'TRUE'), ('ENABLED', 'TRUE') ) GROUP BY g.ID HAVING COUNT(DISTINCT gp.TYPE) = 2; asp.net模板语言，我只给链接一个btn类。

我从这个问题中得到了灵感：

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

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

这是我的razor：

code

这就是当我所谓的按钮/链接是rendred时我得到的。 Screenshot of 2 buttons

有谁知道我在这里失踪了什么......

Answer 1

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

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

btn-primary是按钮样式

有关Bootstrap按钮的更多参考

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

请参阅下图中的工作代码。