无法将 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 文件中。
我已经通过以下方式安装了 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 文件中。