React-Bootstrap是一款基於ReactJS對Bootstrap進行封裝的函式庫，一個可重複使用的前端元件庫，可透過「cnpm install react-bootstrap --save」指令進行安裝。
React-Bootstrap是什麼
React-Bootstrap是一款基於ReactJS對Bootstrap進行封裝的函式庫，是一個是可重複使用的前端元件庫。
react-bootstrap的樣式元件依賴bootstrap。
官網：https://react-bootstrap.github.io
#安裝React-Bootstrap的方法
使用下列指令進行安裝
cnpm install react-bootstrap --save //或者 $ bower install react react-bootstrap
使用：
寫內容元件要用到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(
<div>
<Button bsStyle="default"></Button>
</div>
);
}
};在index.ejs的模板頭部，引入bootstrap.css。在dist資料夾下放入bootstrap.css原始碼。
樣式表
由於 React-Bootstrap 不依賴特定的 Bootstrap 版本, 所以發行包中不包括任何 css。儘管使用這些元件時，一些樣式表是必須的。如何選擇和載入 bootstrap 樣式檔案由使用者決定，最簡單的方法就是從 CDN 上載入最新的樣式表檔案。
<!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-theme.min.css">
更多程式相關知識，請造訪：程式設計學習網站！ ！
以上是React-Bootstrap是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
