0.0.5 • Published 4 years ago
react-bootstrap-grid-aslam v0.0.5
React react bootstrap grid
Install
npm install npm i react-bootstrap-grid-aslam
react bootstrap grid
import React from 'react';
import {Container, Row, Col} from 'react-bootstrap-grid-aslam';
import 'react-bootstrap-grid-aslam/build/index.css';
const App = () => {
return (
<Container fluid lg={2} sm={5}>
<Row justify='center' align='center'>
<Col lg={6} sm={12} align="center"></Col>
<Col lg={3} sm={12} justify='start'></Col>
<Col lg={2} sm={12}></Col>
<Col></Col>
</Row>
</Container>
)
}
export default App;
justify = start/end/center/between/around/sm-start/sm-end/sm-center/sm-between/sm-around/
md-start/md-end/md-center/md-between/md-around/lg-start/lg-end/lg-center/lg-between/
lg-around/xl-start/xl-end/xl-center/xl-between/xl-around
align = start/end/center/baseline/stretch/sm-start/sm-end/sm-center/sm-baseline/sm-stretch/
md-start/md-end/md-center/md-baseline/md-stretch/lg-start/lg-end/lg-center/lg-baseline/
lg-stretch/xl-start/xl-end/xl-center/xl-baseline/xl-stretch