bootstrap 和 fontawesome 图标未显示在页面上答案

【问题标题】：bootstrap and fontawesome icons not displaying on a pagebootstrap 和 fontawesome 图标未显示在页面上
【发布时间】：2017-03-15 11:03:55
【问题描述】：

在我看来，我有这个代码：

@if (!string.IsNullOrEmpty(Model.ErorMessage))
            {
                <div class="form-group">
                    <h4 class="text-danger">An error occured while attempting to update this record</h4>
                    <i class="pull-left fa-exclamation-triangle fa-lg"></i>
                    <p class="text-danger">@Html.DisplayTextFor(model => model.ErorMessage)</p>
                </div>
            }

图标不会显示。我得到了一些奇怪的正方形。我已经尝试过使用 bootstrap glyphicons 和 fontawesome，但两者都不起作用，但我有一个使用 fontawesome 的左侧菜单，并且图标显示正确。我在这里遗漏了什么吗？

【问题讨论】：

检查你在项目中添加的 font awesome 的版本。
它的版本 4.7

标签： twitter-bootstrap fontawesome-4.4.0

【解决方案1】：

您的代码中缺少一个类。请尝试：
<i class="fa fa-exclamation-triangle fa-lg"></i>

类fa 也需要在i 属性中提及。

【讨论】：

您的示例中仍然缺少 fa 类。请逐课复习。只有“fa”而不是“fa-”
你说得对，我错过了，谢谢，它现在可以工作了 :-)