替换索引视图中的默认按钮图标答案

【问题标题】：Replace default button icons in the index view替换索引视图中的默认按钮图标
【发布时间】：2014-07-21 00:03:54
【问题描述】：

我已经生成了 MVC5 应用程序，它在主屏幕中有表格（使用默认生成）

在最后一列有编辑 /details/delete 的按钮。

1.我应该如何用图标替换按钮，例如用于编辑的笔，用于删除的 X...

2.create new 在表格的左侧，我应该如何将它移到右侧？

这是默认生成的屏幕。

【问题讨论】：

标签： jquery asp.net asp.net-mvc asp.net-mvc-4 twitter-bootstrap

【解决方案1】：

如果你使用 twitter bootstrap，那么你可以像下面那样做。使用你的 CSS 类而不是我的。就是这样

<td>
     @Html.ActionLink(" ", "Details", new {id = item.Id}, new {@class = "btn btn-mini btn-success icon-eye-open bigger-120"})
     @Html.ActionLink(" ", "Edit", new {id = item.Id}, new {@class = "btn btn-mini btn-info icon-edit bigger-120"})                 
     @Html.ActionLink(" ", "Delete", new {id = item.Id}, new {@class = "btn btn-mini btn-danger icon-trash bigger-120"})
</td>

【讨论】：

感谢 Azin，它可以工作，但我想使用我想放入 mvc 项目中的不同图标，我如何添加图标并在代码中引用它。谢谢，投票！
那么你可以像这样在标签中使用标签：

【解决方案2】：

这些是更多的 html/css 问题。

您可以将floatCreate New 的 div/span 转换为right。对于Edit/Details/Delete，您只需将它们替换为<img> 标签，然后将它们分别包装在<a> 标签中。

【讨论】：

谢谢，但是创建新的就像下面一样，我应该如何将它浮动到右边？
@Html.ActionLink("新建", "创建")