# Styled Bootstrap Grid

## Get Started

You can install the library using either yarn or [npm](https://www.npmjs.com/package/axelra-styled-bootstrap-grid). 

```
$ yarn add axelra-styled-bootstrap-grid 
```

Since this library has been built from skratch, you can simply re-styling all components defined on it. For instance, if you want to create a basic grid layout you can do the following: 

```jsx
import React from "react"; 
import styled from "styled-components"; 
import {Col, Container, Row, Spacer} from "axelra-styled-bootstrap-grid";

const MyContainer = styled(Container)`
  margin-top: 10px;
`;

const Column = styled(Col)`
  display: flex; 
`;

export const Example = () => {
  return (
    <MyContainer fluid>
      <Spacer x10 />
      <Row>
        <Column md={5}>Restyled Column :)</Column>
      </Row>
    </MyContainer>
  );
};
```