Guías de Make it Real
Search…
Introduction
Preparación
Git
HTML y CSS
Bootstrap 3
Bootstrap 4
Ruby
Programación Orientada a Objetos en Ruby
JavaScript I
JavaScript en el navegador
jQuery
JavaScript II
HTTP y Sinatra
Bases de datos
Ruby on Rails I
Ruby on Rails II
Express.js
Express.js II
React
Primeros pasos
JSX
Componentes
Más sobre estado
Formularios
Peticiones HTTP con Axios
React Hooks
React Context
React Bootstrap
React Router
Carga de Imágenes
Testing
Estructura de carpetas
Componentes de clase
Redux
Algoritmos
Python
NumPy
Pandas
Powered By GitBook
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:
$ npm install --save react-bootstrap
Con Yarn:
$ yarn add react-bootstrap
El siguiente paso es agregar el CSS a tu proyecto:
<!-- 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">
Ahora puedes importar y utilizar la grilla y los componentes de la siguiente forma:
import { Button } from ‘react-bootstrap’;
​
...
​
<Button bsStyle="primary">Primary</Button>
Consulta la documentación para más información.
Previous
React Context
Next
React Router
Last modified 4yr ago
Copy link