字体Awese5不旋转图标？

Question

我有一个带有Bootsrap 4 (SASS)和Font Awese5的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>