[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仿真笔记