2017-02-11 23 views
0

我有以下的HTML代码:应用CSS类HTML操作链接在剃刀

<li> 
    <a href="dashboard.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a> 
</li> 

的代码显示中的菜单项,如下图:

enter image description here

我要的是用剃刀代码中的@ Html.ActionLink替换链接,我试试这个:

<li> 
    <i class="fa fa-dashboard fa-fw">@Html.ActionLink("Dashboard", "Index", "Home")</i> 
</li> 

,但不幸的是它显示菜单项为:

enter image description here

也试过:

<li> 
    @Html.ActionLink("Dashboard", "Index", "Home", new { @class = "fa fa-dashboard fa-fw" }) 
</li> 

样式替代文本字体和显示结果为:

enter image description here

任何建议!

在先进的感谢

回答