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

Question

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

在最后一栏中有编辑/详细信息/删除按钮。

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

2.创建新的是在表的左侧我应该如何将它移动到右侧？

这是默认生成的屏幕。

Answer 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>

Answer 2

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

您可float Create New到right的div / span。对于Edit/Details/Delete，您只需将<img>标记替换为每个<a>标记，并将每个标记用{{1}}标记包装。