使用 react-bootstrap-carousel 后不显示羽毛图标答案

【问题标题】：Feather icon not displayed after using react-bootstrap-carousel使用 react-bootstrap-carousel 后不显示羽毛图标
【发布时间】：2020-01-07 08:31:03
【问题描述】：

我正在做 react js 项目。我在我的项目中使用羽毛图标。在我的项目中使用 react-bootstrap-carousel 之前它工作正常。

在项目上使用 react-bootstrap-carousal 之前的图像

我导入以下内容

import RBCarousel from "react-bootstrap-carousel";
import "react-bootstrap-carousel/dist/react-bootstrap-carousel.css";

导入后出现错误

在项目上使用 react-bootstrap-carousal 后的图像

【问题讨论】：

标签： reactjs icons carousel feather

【解决方案1】：

[class^="icon-"]:before, [class*=" icon-"]:before{
    font-family:inherit !important;
}

在你的项目中尝试这种风格

【讨论】：