React Bootstrap
Puedes utilizar Bootstrap 3 en tu proyecto de React a través de la librería react-bootstrap.
Nota: Esta explicación aplica para Bootstrap 3. Los desarrolladores de react-bootstrap están trabajando en el soporte para Bootstrap 4 que puedes monitorear siguiendo este issue. Otra opción para Bootstrap 4 es reactstrap.
El primer paso para utilizar react-bootstrap es instalar la librería en tu proyecto.
Con npm:
1
$ npm install --save react-bootstrap
Copied!
Con Yarn:
1
$ yarn add react-bootstrap
Copied!
El siguiente paso es agregar el CSS a tu proyecto:
1
<!-- Latest compiled and minified CSS -->
2
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
3
4
<!-- Optional theme -->
5
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-theme.min.css">
Copied!
Ahora puedes importar y utilizar la grilla y los componentes de la siguiente forma:
1
import { Button } from ‘react-bootstrap’;
2
3
...
4
5
<Button bsStyle="primary">Primary</Button>
Copied!
Consulta la documentación para más información.
Last modified 3yr ago
Copy link