> For the complete documentation index, see [llms.txt](https://lucas-pelloni.gitbook.io/styled-bootstrap-grid/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lucas-pelloni.gitbook.io/styled-bootstrap-grid/master.md).

# 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>
  );
};
```