Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- export class FunkyLayout extends React.Component {
- render() {
- let layoutItems = React.Children.toArray(this.props.children);
- return (
- <Grid>
- <Row>
- <Col md={4}>
- <FunkyLayoutItem>
- {layoutItems[0]}
- </FunkyLayoutItem>
- </Col>
- <Col md={4}>
- <FunkyLayoutItem>
- {layoutItems[1]}
- </FunkyLayoutItem>
- </Col>
- <Col md={4}>
- <FunkyLayoutItem>
- {layoutItems[2]}
- </FunkyLayoutItem>
- </Col>
- </Row>
- /* Two more identical rows */
- </Grid>
- );
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement