React не отображает предупреждение (bootstrap)

Question

Я добавил оповещение в свой React, но в браузере вижу только простой текст. В чем проблема?

Мой компонент:

import { Alert } from 'react-bootstrap';

class App extends Component {
  render() {
    return (
      <div>
        <Alert variant='warning'>
          This is a warning alert—check it out!
        </Alert>
     </div>
    );
  }
}

export default App;

Bootstrap уже установлен

пакет. json:

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    ...
    "bootstrap": "^4.4.1",
    "react": "^15.3.1",
    "react-bootstrap": "^0.30.3"
  }
  ...
}

Answer 1

Я забыл импортировать таблицу стилей

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

Это была причина