![](/d/jc/2022092514/t2ni4ditife33.webp)
React-Bootstrap是什么?
React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的库,是可重用的前端组件库;样式组件依赖于bootstrap。与 Twitter Bootstrap 一致外观与感受,但通过 Facebook 的 React.js 框架获得更清爽的代码。
官网:https://react-bootstrap.github.io
GitHub:https://github.com/react-bootstrap/react-bootstrap
在react中使用React-bootstrap
安装
npm install react-bootstrap --save;
然后需要我们手动引用css
import 'bootstrap/dist/css/bootstrap.css';
写内容组件要用到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> ); } };
在index.ejs的模板头部,引入bootstrap.css。
在dist文件夹下放入bootstrap.css源码。
更多前端开发知识,请查阅 HTML中文网 !!
以上就是React-Bootstrap是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!