什麼是React-Bootstrap

藏色散人
發布: 2020-11-30 11:54:26
原創
1860 人瀏覽過

React-Bootstrap是可重複使用的前端元件庫,其樣式元件是依賴bootstrap的,我們可以透過指令「cnpm install react-bootstrap --save;」來安裝【React-boots】。

什麼是React-Bootstrap

推薦:《程式設計影片

React-bootstrap

什麼是React-Bootstrap

############ #1、react-bootstrap是什麼? ###### React-Bootstrap是可重複使用的前端元件庫。 ######2、react-bootstrap和bootstrap的關係? ###### react-bootstrap的樣式元件依賴bootstrap。 (如下圖1是官網的解釋)###############3、在react中如何使用React-bootstrap?###### 3.1、安裝:cnpm install react-bootstrap --save;###### 3.2、寫內容元件要使用到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( 
); } };
登入後複製
###3.3、在index.ejs的模板頭部,引入bootstrap.css。 ######3.4、在dist資料夾下放入bootstrap.css原始碼。 ###

以上是什麼是React-Bootstrap的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!