如何使用React-Starter-kit安装Reactstrap

Question

反应起动试剂盒 https://github.com/kriasoft/react-starter-kit

reactstrap http://reactstrap.github.io/

将reactstrap安装到react-starter-kit中的步骤是什么？为了使用网格布局？

http://reactstrap.github.io/components/layout/

Answer 1

如何使用create-react-app？这就是我正在使用的......

  

npm install -g create-react-app

     

create-react-app my-app

然后，按照reactstrap的README中的说明安装bootstrap，reactstrap，react，react-dom：

  

npm install --save reactstrap @ next react-addons-transition-group   react-addons-css-transition-group bootstrap@4.0.0-beta.2   react-dom@^16.0.0

希望这会有所帮助......

Answer 2

步骤：

1. 下载回购

2. 输入终端

  

纱线添加反应堆

     

纱线添加反应 - 过渡 - 组

     

纱线添加bootstrap

1. 在组件文件中，键入以下代码

  

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

     

从'reactstrap'导入{Container，Row，Col};

4.然后，您可以在渲染功能中测试reactstrap的布局功能，如下所示：

<Container>
        <Row>
          <Col>.col</Col>
        </Row>
        <Row>
          <Col>.col</Col>
          <Col>.col</Col>
          <Col>.col</Col>
          <Col>.col</Col>
        </Row>
        <Row>
          <Col xs="3">.col-3</Col>
          <Col xs="auto">.col-auto - variable width content</Col>
          <Col xs="3">.col-3</Col>
        </Row>
      </Container>

Answer 3

假设您使用的是 npm 而不是 yarn：

npm i --save reactstrap # (http://reactstrap.github.io/)
npm i --save react-bootstrap bootstrap # (https://react-bootstrap.github.io/)
npm install --save reactstrap react react-dom # (http://reactstrap.github.io/);

但我认为最后一个就是你要找的。