使用Bootstrap Component in Action链接

Question

如何在@HTML.ActionLink中使用引导程序图标？ 当我用这个时：

@Html.ActionLink("Logout", "Logout", "Admin", new {@class = "glyphicon glyphicon-off" })

它显示了这个：bootstrap图标，但仍然有文字。

如何删除＆＃34;退出＆＃34;只显示图标？

Answer 1

很遗憾，您无法将空字符串作为linkText辅助方法的Html.ActionLink参数传递。

因此，编写纯HTML来构建锚标记并将文本设置为空。您可以使用Url.Action辅助方法生成操作方法的URL，并将其结果用作锚标记的href值。

这应该可以正常工作。

<a href="@Url.Action("Logout", "Admin")"  class= "glyphicon glyphicon-off"></a>

Answer 2

您可以编写一个新类来隐藏锚文本，这样您只需添加类就可以为所有锚重用此功能。

a.hide-text{
    line-height: 0; 
    font-size: 0;
    color: transparent; 
 }

和

@Html.ActionLink("Logout", "Logout", "Admin", new {@class = "hide-text glyphicon glyphicon-off" })

Answer 3

有时，如果手动创建超链接，它会很简单。

<a href="@Url.Action("Logout", "Admin")">
    <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
</a>