2017-02-11 46 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

任何建議!

在先進的感謝

回答