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

Question

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

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

我导入以下

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

导入后我得到了错误

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

Answer 1

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

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