[react] 怎么在React中引入其它的UI库,例如Bootstrap
生活随笔
收集整理的這篇文章主要介紹了
[react] 怎么在React中引入其它的UI库,例如Bootstrap
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
[react] 怎么在React中引入其它的UI庫(kù),例如Bootstrap
react-bootstrap是一個(gè)非常受歡迎的針對(duì)react封裝過(guò)的bootstrap,它本身不包含css,所以也是需要使用bootstrap原生庫(kù)。
在create-react-app建的項(xiàng)目目錄中安裝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';
個(gè)人簡(jiǎn)介
我是歌謠,歡迎和大家一起交流前后端知識(shí)。放棄很容易,
但堅(jiān)持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
總結(jié)
以上是生活随笔為你收集整理的[react] 怎么在React中引入其它的UI库,例如Bootstrap的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: uniapp打包H5与uniapp打包a
- 下一篇: quartus FIR仿真笔记