1、react-bootstrap是什么？

????? React-Bootstrap是可重用的前端組件庫。

2、react-bootstrap和bootstrap的關系？

????? react-bootstrap的樣式組件依賴于bootstrap。（如下圖1是官網的解釋）

圖1

3、在react中如何使用React-bootstrap?

????? 3.1、安裝：cnpm? install react-bootstrap? --save；

?????? 3.2、寫內容組件要用到react-bootstrap的組件的時候，要從react-bootstrap中導入所需的組件；

??????? 例如：在組件component.js中，要用到React-bootstrap的Button組件，具體寫法如下：

????????????????? import React? from‘react’;

? ? ? ? ? ? ? ?? import? {Button}?from ‘react-bootstrap’;

???????????????? export? default?class? MyComponent? React.Component{?

???????? ? ? ? ? ? ? ? ? ? constructor(props){

????????????????????????????????? super(props);

??????????????? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ????????? }

???????? ? ? ? ? ? ? ? ? ? ?? ?? ? render(){

??????????????? ? ? ? ? ? ? ? ? ? ? ?? ???? return(

?????????????????????? ? ? ? ? ? ? ? ? ? ? ?? ???? <div>

????????????????????????????????????????????????????????? <Button bsStyle="default"></Button>

?????????? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ???? </div>??????????

????????????????????????????????????????????? );

????????????????????????????????????? ? ?? ? }

?????????????????????????????? ? ? ? ? ? ? };

3.3、在index.ejs的模板頭部，引入bootstrap.css。

3.4、在dist文件夾下放入bootstrap.css源碼。