如何让引导类在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?

+0

你有没有试过react-bootstrap? https://react-bootstrap.github.io/getting-started.html。否则,如果您的npm文件中包含bootstrap-sass,我认为您的当前代码可以正常工作。如果一切都失败了,你也可以使用bootstrap cdn链接,你的代码应该可以工作。 – heyitsjhu

+0

如何将reactbootstrap包含在sass中? –

有2种方式,你可以去这样做: -

  • 使用React Bootstrap。但很明显,这个项目正在开发中,所以在生产中使用这个项目我认为显然不是一个好主意。
  • 将bootstrap添加到您的项目中,并在编译后的bundle.js响应之前,在您的html中导入bootstrap js文件。