无法将 react-bootstrap 连接到 React 应用

Cant connect react-bootstrap to react app

我已经通过以下方式安装了 react-bootstrap:

npm install react-bootstrap bootstrap

我的代码是:

import Button from "react-bootstrap/Button";

function App() {
  return (
    <div>
      <h1>Counter</h1>

      <Button variant="success">Add</Button>
      <Button variant="Danger">Substract</Button>
    </div>
  );
}

export default App;

按钮不变:

尝试插入这一行

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

在此文件或您的 index.js 文件中。