1

I am working on the react js project. I am using the feather icon in my project. It works fine before I used the react-bootstrap-carousel in my project.

Image before using react-bootstrap-carousal on project

Image before using react boostrap carousal on project

I import the following

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

after importing this I got the error

Image after using react-bootstrap-carousal on Project

Image after using react-bootstrap-carousal on project

Pritesh
  • 1,066
  • 3
  • 15
  • 35

1 Answers1

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

put and try this style in your project

Wai Ha Lee
  • 8,598
  • 83
  • 57
  • 92
Mehul Vasovala
  • 69
  • 7