Layout


```jsx
const Lib = require('../index');
   <Lib.Container>
           <Lib.Row>
             <Lib.Col>.col</Lib.Col>
           </Lib.Row>
           <Lib.Row>
             <Lib.Col>.col</Lib.Col>
             <Lib.Col>.col</Lib.Col>
             <Lib.Col>.col</Lib.Col>
             <Lib.Col>.col</Lib.Col>
           </Lib.Row>
           <Lib.Row>
             <Lib.Col xs="3">.col-3</Lib.Col>
             <Lib.Col xs="auto">.col-auto - variable width content</Lib.Col>
             <Lib.Col xs="3">.col-3</Lib.Col>
           </Lib.Row>
           <Lib.Row>
             <Lib.Col xs="6">.col-6</Lib.Col>
             <Lib.Col xs="6">.col-6</Lib.Col>
           </Lib.Row>
           <Lib.Row>
             <Lib.Col xs="6" sm="4">.col-6 .col-sm-4</Lib.Col>
             <Lib.Col xs="6" sm="4">.col-6 .col-sm-4</Lib.Col>
             <Lib.Col sm="4">.col-sm-4</Lib.Col>
           </Lib.Row>
           <Lib.Row>
             <Lib.Col sm={{ size: 6, order: 2, offset: 1 }}>.col-sm-6 .order-sm-2 .offset-sm-1</Lib.Col>
           </Lib.Row>
           <Lib.Row>
             <Lib.Col sm="12" md={{ size: 6, offset: 3 }}>.col-sm-12 .col-md-6 .offset-md-3</Lib.Col>
           </Lib.Row>
           <Lib.Row>
             <Lib.Col sm={{ size: 'auto', offset: 1 }}>.col-sm-auto .offset-sm-1</Lib.Col>
             <Lib.Col sm={{ size: 'auto', offset: 1 }}>.col-sm-auto .offset-sm-1</Lib.Col>
           </Lib.Row>
         </Lib.Container>
```