kit.最新kriasoft/ for starter kit的引导装置
我对ReactJS的世界有点陌生，但我已经用Javascript编码了一段时间。在使用和OOP之前，我喜欢ReactJS正在做的事情，就像我在纯JS中编码一样，我认为这对我来说是一个巨大的升级。
我已经学习了几个教程，读了很多关于React的文章，所以我开始使用kriasoft/react-starter-kit来提高我的工作效率，而且我发现我可以有一些关于如何使用“正确”的写作方式的指导。
在尝试将反应-自举集成到kriasoft现有的初学者工具包时，我已经陷入困境。
我可以从React导入不同的组件-引导(如按钮等)通过简单的
import Button from '../../../node_modules/react-bootstrap';
在我自己的组件中，我的问题是我在那些反作用力组件上没有css --引导组件。
我已经通过了反应-启动指南，但我没有那么聪明，我做错了什么。
我已经使用react-bootstrap安装了$ npm install react-bootstrap --save，但我不确定应该将最新编译的和从引导程序中缩小的CSS放在哪里？
<link rel="stylesheet" href="maxcdn....blahblah....bootstrap.min.css">。
如果有人能通过提供指导或直觉来帮助我建立这个系统，那就太好了。
回答 1
Stack Overflow用户
发布于 2016-11-20 13:57:34
您还可以考虑查看create-react-app https://github.com/facebookincubator/create-react-app。
这是反应队制造的首发装备。它简化了你的工作流程，让你专注于学习/创建你的反应项目。
要回答您的问题，一旦您通过npm安装了它，您就可以通过
import { Button, Row, Col } from 'react-bootstrap'
那么您就可以在渲染中使用它了。
<Row>
<Col md={6}>
<Button bsStyle="primary" bsSize="large">Submit</Button>
</Col>
</Row>用于引导css的
最简单的方法是在index.html文件中使用cdn版本的引导css。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
但是，如果希望将其作为构建过程的一部分导入，则需要安装引导npm install --save bootstrap，因为css文件中没有react-bootstrap。然后将其作为
import 'bootstrap/dist/css/bootstrap.css';
您需要确保您的webpack正在使用css-加载程序。
https://stackoverflow.com/questions/40703981
复制相似问题
腾讯云开发者
