如何在 mvc actionlink 语法中添加引导映像？答案

【问题标题】：how do i add bootstrap image inside a mvc actionlink syntax?如何在 mvc actionlink 语法中添加引导映像？
【发布时间】：2013-12-04 21:32:53
【问题描述】：

我有以下组按钮的代码

<div ><span class="font-icon-group">
@Html.ActionLink("Group button", "Index", "Groups",null ,new {@class="btn", @id="A" })
</div>

但这是错误的，因为 font-icon-group 出现在 Group 按钮之外。

我怎样才能把它带入按钮请指导我（mvc 语法代码需要更改 - 上面的代码）。

使用纯 html 它可以正常工作 html 代码如下：

<div>
<a class="btn" href="#" id="A1"><span class="font-icon-group"></span> All Groups</a></div>

请指导更改 mvc 中的语法。

【问题讨论】：

【解决方案1】：

使用Url.Action 并根据需要设置 HTML 格式。

<div>
  <a class="btn" href="@Url.Action("Index", "Groups")" id="A1">
    <span class="font-icon-group"></span> All Groups
  </a>
</div>

我更喜欢使用部分视图和模板而不是生成 HTML 的帮助程序，尤其是在像 Bootstrap 这样的框架中工作时。

【讨论】：

【解决方案2】：

常规 MVC Html Helpers 不支持其中的 html。你必须编写一个自定义的 Html Helper。

TwitterBootstrapMVC 对此有支持。你会这样写：

@Html.Bootstrap().ActionLink("<span class='font-icon-group'></span> All Groups", "Index", "Groups").Id("A")

【讨论】：