Bootstrap en React

npm i react-bootstrap bootstrap

webpack.config.js (necesario para importar el CSS)

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
...
module.exports = {
     ...
     module: {
          rules: [
               ...
               {
                    test: /\.(css)$/,
                    use: [MiniCssExtractPlugin.loader, 'css-loader'],
               },
           ]
     }
     plugins: [
         ...
         new MiniCssExtractPlugin(),
    ],
};
import { Container, Row, Col } from 'react-bootstrap';

export default () => (
    <div>
        <Container>
            <Row>
                <Col>Text 1</Col>
                <Col>Text 2</Col>
            </Row>
        </Container>
    </div>
)
← Estilos en una aplicación React
Styled Components →

Aviso Legal | Política de privacidad