Tag Helper 中的 MVC Core HTML Bootstrap 按钮

Posted 2023-03-31

技术标签:

【中文标题】Tag Helper 中的 MVC Core HTML Bootstrap 按钮【英文标题】：MVC Core HTML Bootstrap button in Tag Helper 【发布时间】：2018-05-09 23:28:48 【问题描述】：

我在 MVC 中搭建了一个表，并创建了一个视图。这是编辑按钮，我想更改它，并将其设为蓝色引导按钮我将如何进行？

原始代码：

        <td>
            <a asp-action="Edit" asp-route-id="@item.Id">Edit</a> |
        </td>

加入这个蓝色按钮：

<button type="button" class="btn btn-primary">Primary</button>

【问题讨论】：

只需将class="btn btn-primary" 添加到<a> 【参考方案1】：

您只需将类名添加到您的 <a> 元素中，即可将其设置为引导按钮

<a class="btn btn-primary" asp-action="Edit" asp-route-id="@item.Id">Edit</a>

【讨论】：

以上是关于Tag Helper 中的 MVC Core HTML Bootstrap 按钮的主要内容，如果未能解决你的问题，请参考以下文章