如何让引导类在reactjs应用程序中工作?
问题描述:
我有npminstalled bootstrap-sass“^ 3.3.7”,并reactjs。这足以与BS类一起工作,例如“well”?如何让引导类在reactjs应用程序中工作?
这是我的组件的一部分:
render() {
return (
<div className="well">
hi from well
<button className="btn btn-danger"></button>
</div>
);
}
我怎样可以加入我的青菜建bootstrapstyles?
答
有2种方式,你可以去这样做: -
- 使用React Bootstrap。但很明显,这个项目正在开发中,所以在生产中使用这个项目我认为显然不是一个好主意。
- 将bootstrap添加到您的项目中,并在编译后的bundle.js响应之前,在您的html中导入bootstrap js文件。
你有没有试过react-bootstrap? https://react-bootstrap.github.io/getting-started.html。否则,如果您的npm文件中包含bootstrap-sass,我认为您的当前代码可以正常工作。如果一切都失败了,你也可以使用bootstrap cdn链接,你的代码应该可以工作。 – heyitsjhu
如何将reactbootstrap包含在sass中? –