字体真棒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>