React-bootstrap

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源码。