create-react-app搭建的項目中添加bootstrap

react-bootstrap是一個非常受歡迎的針對react封裝過的bootstrap，它本身不包含css，所以也是需要使用bootstrap原生庫。

在create-react-app建的項目目錄中安裝react-bootstrap。

npm install react-bootstrap --save

安裝bootstrap。

npm install bootstrap@3.3.7 --save

 

在index.js文件中增加css引用。

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

 

在需要用到bootstrap組件的代碼中，引入所需組件。

import { Navbar, Jumbotron, Button } from 'react-bootstrap';

 

react-bootstrap參考：

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-bootstrap

https://react-bootstrap.github.io/getting-started.html

 

End