为什么图标链接不显示？引导程序 4答案

【问题标题】：Why icon link is not displayed? Bootstrap 4为什么图标链接不显示？引导程序 4
【发布时间】：2020-06-20 17:15:00
【问题描述】：

我正在阅读“ASP .NET MVC 5”一书，我卡住了片刻......作者使用 Bootstrap 3，但下一版本的 Bootstrap 有一些变化，我无法解决我的问题。

书：

<div class="navbar-right visible-xs"> 
<a href=@Url.Action("Index", "Cart", new { returnUrl = Request.Url.PathAndQuery })
class="btn btn-default navbar-btn">
<span class="glyphicon glyphicon-shopping-cart"></span></a></div>

但我用过：

<div class="navbar-brand d-block d-sm-none">
<a href="@Url.Action("Index", "Cart", new {returnUrl = Request.Url.PathAndQuery})" class="btn btn-primary">
    <i class="fa fa-plus"></i>
</a>

在效果中我想看到图标链接“+”。就这样。但我只看到它是空按钮。

【问题讨论】：

visible-xs 与 d-sm-none 相反。第一个只会出现在小型设备上，后一个会出现在除小型设备之外的所有设备上。

标签： html css model-view-controller bootstrap-4

【解决方案1】：

<script src="https://kit.fontawesome.com/5d3b374b3f.js" crossorigin="anonymous"></script>

把上面的链接写在head部分。

那么在按钮元素中写<i class="fas fa-plus"></i>可能会对你有所帮助。

【讨论】：

谢谢！请关闭主题。