Bootstrap有react版吗?

Bootstrap有react版吗?

Bootstrap有react版的,名称为react-bootstrap。react-bootstrap是一款基于ReactJS对Bootstrap进行封装前端组件库。

React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的库,是可重用的前端组件库;样式组件依赖于bootstrap。与 Twitter Bootstrap 一致外观与感受,但通过 Facebook 的 React.js 框架获得更清爽的代码。

1.png

官网:https://react-bootstrap.github.io

GitHub:https://github.com/react-bootstrap/react-bootstrap

一些组件示例:

1.png

2.png

安装

npm  install react-bootstrap  --save;

然后需要我们手动引用css

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

在需要使用bootstrap 的组件中,引入所需要的组件;

import { Navbar, Nav, NavItem } from 'react-bootstrap'; // 导航组件

npm start 就可以使用了 !

更多bootstrap的相关知识,可访问:web前端自学!!

以上就是Bootstrap有react版吗?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏