Skip to content

Commit 03711eb

Browse files
Brew-BrewTimer
authored andcommitted
Suggest reactstrap instead of react-bootstrap (facebook#4703)
* Suggest `reactstrap` instead of `react-bootstrap` * Update README.md
1 parent 7edf6ea commit 03711eb

File tree

1 file changed

+7
-8
lines changed

1 file changed

+7
-8
lines changed

template/README.md

+7-8
Original file line numberDiff line numberDiff line change
@@ -841,36 +841,35 @@ Alternatively, you can force the linter to ignore any line by adding `// eslint-
841841

842842
## Adding Bootstrap
843843

844-
You don’t have to use [React Bootstrap](https://react-bootstrap.github.io) together with React but it is a popular library for integrating Bootstrap with React apps. If you need it, you can integrate it with Create React App by following these steps:
844+
You don’t have to use [reactstrap](https://reactstrap.github.io/) together with React but it is a popular library for integrating Bootstrap with React apps. If you need it, you can integrate it with Create React App by following these steps:
845845

846-
Install React Bootstrap and Bootstrap from npm. React Bootstrap does not include Bootstrap CSS so this needs to be installed as well:
846+
Install reactstrap and Bootstrap from npm. reactstrap does not include Bootstrap CSS so this needs to be installed as well:
847847

848848
```sh
849-
npm install --save react-bootstrap bootstrap@3
849+
npm install --save reactstrap bootstrap@4
850850
```
851851

852852
Alternatively you may use `yarn`:
853853

854854
```sh
855-
yarn add react-bootstrap bootstrap@3
855+
yarn add bootstrap@4 reactstrap
856856
```
857857

858858
Import Bootstrap CSS and optionally Bootstrap theme CSS in the beginning of your ```src/index.js``` file:
859859

860860
```js
861861
import 'bootstrap/dist/css/bootstrap.css';
862-
import 'bootstrap/dist/css/bootstrap-theme.css';
863862
// Put any other imports below so that CSS from your
864863
// components takes precedence over default styles.
865864
```
866865

867-
Import required React Bootstrap components within ```src/App.js``` file or your custom component files:
866+
Import required reactstrap components within ```src/App.js``` file or your custom component files:
868867

869868
```js
870-
import { Navbar, Jumbotron, Button } from 'react-bootstrap';
869+
import { Button } from 'reactstrap';
871870
```
872871

873-
Now you are ready to use the imported React Bootstrap components within your component hierarchy defined in the render method. Here is an example [`App.js`](https://gist.githubusercontent.com/gaearon/85d8c067f6af1e56277c82d19fd4da7b/raw/6158dd991b67284e9fc8d70b9d973efe87659d72/App.js) redone using React Bootstrap.
872+
Now you are ready to use the imported reactstrap components within your component hierarchy defined in the render method. Here is an example [`App.js`](https://gist.githubusercontent.com/zx6658/d9f128cd57ca69e583ea2b5fea074238/raw/a56701c142d0c622eb6c20a457fbc01d708cb485/App.js) redone using reactstrap.
874873

875874
### Using a Custom Theme
876875

0 commit comments

Comments
 (0)