zoukankan      html  css  js  c++  java
  • react 项目中 引入 bootstrap

    react-bootstrap是一个非常受欢迎的针对react封装过的bootstrap,它本身不包含css,所以也是需要使用bootstrap原生库。

    在create-react-app建的项目目录中安装react-bootstrap。

    npm install react-bootstrap --save

    安装bootstrap。

    npm install bootstrap@3.3.7 --save

    在index.js文件中增加css引用。

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

    在需要用到bootstrap组件的代码中,引入所需组件。

    import { Navbar, Jumbotron, Button } from 'react-bootstrap';

    react-bootstrap参考:

    https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-bootstrap

    https://react-bootstrap.github.io/getting-started.html

  • 相关阅读:
    django之admin管理工具
    django之中间件
    cookie和session
    day052-53 django框架
    day050 前端Jquery库的使用
    sprint
    Scrum 项目1.0
    【团队项目】3.0
    [读书笔记]
    【团队项目】2.0
  • 原文地址:https://www.cnblogs.com/crazycode2/p/8397731.html
Copyright © 2011-2022 走看看