how to add bootsrap link in specified reactJS file?

Question

i'm using react js for my project and i needed to use bootstrap in some pages of my application , so i put the <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> in the Public folder in index.html but that apply the bootsrap in all pages ..fontFamily has been changed in pages ..

i want to apply it for a specific react js file

how can i import <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> in a react js file please ?

thanks for your help .

Answer 1

You can install bootstrap npm package

npm install bootstrap

and then import it in JS files

import 'bootstrap/dist/css/bootstrap.min.css';

The link below will help

How to use Bootstrap with React