React is not loading bootstrap css file

Question

Here my component

import React from 'react'; 
import 'bootstrap/dist/css/bootstrap.css';
class Test extends React.Component{
 render(){
    return(
        <div>
            <button className="btn btn-danger"> Button </button>
        </div>
    )
 }
}
export default Test;

the button still a normal html button! this confuse me even in cmd there's no errors. I'm using react inside an ElectronJs app.

Answer 1

Put it in the index.js file where your ReactDOM.render() exists,

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

It will be globally available to all of its child components rendering it.