Integrating regular bootstrap into react without using the react-bootstrap library

Question

I do not want to rewrite my bootstrap admin templates to work with react-bootstrap library. I just want to use my bootstrap components in react. All the bootstrap css stuff works in react but none of the actions do. For instance a simple data-toggle in bootstrap is not working in react.

I know react has uncontrolled components. PLEASE could someone show me how I can use this to get a simple data-toggle in bootstrap to work in react.

<a href="#" data-toggle="sidebar" aria-label="Hide Sidebar"></a>
<div data-toggle="sidebar">TOGGLE ME</div>

I tried to follow: https://www.codingame.com/playgrounds/9087/integrate-admin-template-in-reactjs — lewenberg, Jun 10 '19 at 20:22
you're looking for this: https://stackoverflow.com/questions/53941329/use-bootstrap-4-with-react — Akber Iqbal, Jul 09 '19 at 04:23

score 0 · Answer 1 · answered Aug 17 '21 at 13:11

0

You can use regular Bootstrap with react by installing bootstrap via npm i bootstrap --save in your project folder.

Don't forget to also import bootstrap in your index.js file. You can do so by: import 'bootstrap/dist/css/bootstrap.min.css';

answered Aug 17 '21 at 13:11

Abhirajshri Winsome

165
1
13

Integrating regular bootstrap into react without using the react-bootstrap library

1 Answers1