字体真棒5不旋转图标？

Question

我有一个带有Bootsrap 4(SASS)和Font Awesome 5的MVC项目.我正在尝试使用旋转图标来使用Ajax加载面板,但它无法正常工作.

<a href="#" class="btn btn-danger">
    <i class="fas fa-spinner fa-pulse"></i> Test Spin
</a>

<a href="#" class="btn btn-danger">
    <i class="fas fa-home fa-fw"></i> Test icon
</a>

我有以下按钮进行测试.只有按钮图标的按钮显示FA图标,但不显示带有FAS旋转图标的按钮.

对于FontAwesome,我所拥有的是"~/Scripts/fontawesome-all.min.js"引用的文件.根据我的理解,这就是我需要做的一切？

这是我的包:

bundles.Add(new ScriptBundle("~/bundles/vendorscripts").Include(
                      "~/Scripts/bootstrap.min.js",
                      "~/Scripts/respond.min.js",
                      "~/Scripts/fontawesome-all.min.js"));

这是我的布局页面:

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/vendorscripts")
@RenderSection("scripts", required: false)

Answer 1

你还需要使用fa-spin类来使它旋转.

<a href="#" class="btn btn-danger">
    <i class="fas fa-spinner fa-spin"></i> Test Spin
</a>