Adding bootstrap

[saadb]

I am not able to add bootstrap
I started the process by doing the following: yarn start:dev

• 5 hidden assets
  [132] (webpack)/hot nonrecursive ^./log$ 170 bytes {7} [built]
  [262] ./app/routes/Home/index.js 1.15 kB {4} [built]
  [266] ./app/routes/About/index.js 1.2 kB {4} [built]
  [272] ./app/routes/About/components/About.jsx 2.47 kB {0} [built]
  [291] ./node_modules/bootstrap/dist/css/bootstrap.css 276 bytes {4} [built] [failed] [1 error]
  • 303 hidden modules

ERROR in ./node_modules/bootstrap/dist/css/bootstrap.css
Module parse failed: Unexpected token (8:5)
You may need an appropriate loader to handle this file type.
| /
| /! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
| html {
| font-family: sans-serif;
| line-height: 1.15;
@ ./app/routes/About/index.js 11:0-43
@ ./app/components/App.jsx
@ ./app/index.jsx
@ multi (webpack)-dev-server/client?http://0.0.0.0:8000 webpack/hot/dev-server ./app/index.jsx
Child favicons-webpack-plugin for "iconstats-[hash].json":
Asset Size Chunks Chunk Names
iconstats-f82ddab377fee98b063b.json 7.11 kB 1 [emitted]
a470c308ddf5b9949911.hot-update.json 44 bytes [emitted]
1 module
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
012b3096c4ea2ba8e80f.hot-update.json 44 bytes [emitted]
+ 1 hidden asset
4 modules
webpack: Failed to compile.

Please help, where to place the css for bootstrap (bootstrap/dist/css/bootstrap.css)