【问题标题】: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】:

您的代码中缺少一个类。请尝试:
&lt;i class="fa fa-exclamation-triangle fa-lg"&gt;&lt;/i&gt;

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

【讨论】:

  • 您的示例中仍然缺少 fa 类。请逐课复习。只有“fa”而不是“fa-”
  • 你说得对,我错过了,谢谢,它现在可以工作了 :-)
猜你喜欢
  • 1970-01-01
  • 2022-11-29
  • 1970-01-01
  • 2016-03-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多