# React-Bootstrap 在React中使用Bootstrap可以用像一般HTML引入BootstrapCDN，也可以直接使用React Bootstrap。這個套件會把各種Bootstrap元件轉成React的元件。直接加載React元件就能使用了。 ### `How to Use` #### 1. 安裝 ``` npm install react-bootstrap bootstrap ``` #### 2. 導入指定元件(以按鈕為例) ``` import { Button } from 'react-bootstrap'; ``` #### 3. 使用元件 ``` <Button variant="primary" size="sm" onClick={handleClick}> Click Me!!! </Button> ``` #### 4. 導入boostrap 在index.js中導入以下code ``` import "bootstrap/dist/css/bootstrap.min.css"; ``` variant為屬性的設定，例如primary就是標準的藍色按鈕。size可設定大小，有"lg"、"sm"等。 其他詳細的屬性設定都能在[官網](https://react-bootstrap.netlify.app/components/buttons/#buttons)查到。