React Bootstrap

Reference: https://react-bootstrap.github.io/getting-started/introduction

1: 安装bootstrap:  npm install react-bootstrap bootstrap

成功后会安装这两个东西，版本也许会不一样。

+ react-bootstrap@1.3.0
+ bootstrap@4.5.2
也可以只安装bootstrap:  npm install bootstrap

2：import components:

例如： import Container from 'react-bootstrap/Container';

import Button from 'react-bootstrap/Button';

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

Example:

const ExampleToast = ({ children}) => {

return(

<Container className='p-3'>

<h1>Welcome</h1>

<Button className='btn-secondary'>Show Toast</Button>

</Container>

)

}

ReactDOM.render(

<ExampleToast/>,

document.getElementById('root')

);

会出现h1的一行字和一个灰色的按钮。