帶有字形圖示和不同字型文本的 ASP.NET Actionlink

我想展示一個按鈕，@Html.ActionLink但我需要在文本中包含我的應用程序字型。

使用此程式碼：

<span>
   @Html.ActionLink("  Create New", "Create", null, new { @class = "btn btn-warning glyphicon glyphicon-plus-sign" })
</span>

我得到了我的按鈕，但Create New文本與 glyphicon font-family 一起出現。

將 glyphicon 類放在 span 中不會改變任何東西

您不應該將 glyphicon 類添加到 a-tag 中。

從引導網站：

不要與其他組件混合 圖示類不能直接與其他組件組合。它們不應與同一元素上的其他類一起使用。相反，添加一個嵌套<span>並將圖示類應用於<span>.

僅用於空元素 圖示類只能用於不包含文本內容且沒有子元素的元素。

換句話說，按照您想要的方式工作的正確 HTML 將是：<a href="#" class="btn btn-warning">test <span class="glyphicon glyphicon-plus-sign"></span></a>

這使得Html.ActionLink助手不合適。相反，您可以使用類似的東西：

<a href="@Url.Action("Action", "Controller")" class="btn btn-warning">
   link text 
   <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
</a>

引用自：https://stackoverflow.com/questions/26174013