Grid Layout

react-bootstrap

Bootstrap 4 components built with React.
link - npmjs.com/package/react-bootstrap

npm install react-bootstrap 

react-grid-system

Provides a responsive grid similar to bootstrap
link - npmjs.com/package/react-grid-system
link - jsxmachina.github.io/react-grid-system/

npm install react-grid-system --save 

The React grid system is purely React, no css or class names are used.
There are three components: Container, Row and Column

import { Container, Row, Col } from 'react-grid-system';  

            <Container fluid style={{ 
              backgroundColor: '#FFFFFA',  
              borderStyle: 'solid',  
              paddingTop: '50',  
              paddingBottom: '50',  
            }}> 

              <Row debug style={{ height: '40px' }}>  
        some text 
              </Row> 

              <Row debug style={{ height: '40px' }}>  
       some text 
              </Row> 
            </Container>