How to include bootstrap?

I am building an app using create-react-app and bootstrap. But I am not able to import bootstrap in my app. I tried including it in index.html like this:

        <script src="lib/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="lib/css/bootstrap.min.css">

but it does not work. So, how can I import bootstrap in my app? Thanks

[isaklafleur]

@taion answer helped me, but maybe anyone are interested in a bit more detailed instruction so here it goes… 😉

I’m using React 15.5.4…

1. npm install --save bootstrap
2. add import ‘…/node_modules/bootstrap/dist/css/bootstrap.min.css’; to index.js file so you have Bootstrap working in the whole app.
3. add <button type="button" className="btn btn-primary">Primary</button> in App.js and you should be able to see a blue bootstrap button.

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';
import registerServiceWorker from './registerServiceWorker';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import './index.css';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

App.js

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
      <div>
        <button type="button" className="btn btn-primary">Primary</button>
      </div>
    );
  }
}

export default App;

[taion]

For the CSS it should probably be

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

BTW.

Bootstrap ships built CSS in their npm package.