https://github.com/kennetpostigo/react-grid-simple

Simple Grid Based on Bootstrap 3 grid
https://github.com/kennetpostigo/react-grid-simple

Last synced: 2 months ago
JSON representation

Simple Grid Based on Bootstrap 3 grid

• Host: GitHub
• URL: https://github.com/kennetpostigo/react-grid-simple
• Owner: kennetpostigo
• Created: 2016-07-10T21:08:16.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-07-10T23:22:40.000Z (almost 9 years ago)
• Last Synced: 2025-03-07T23:42:37.454Z (2 months ago)
• Language: JavaScript
• Size: 15.6 KB
• Stars: 3
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-grid-simple

> Based on Bootstrap 3 Grid System

[![version](https://img.shields.io/npm/v/react-grid-simple.svg?style=flat-square)](http://npm.im/react-grid-simple)

[![downloads](https://img.shields.io/npm/dm/react-grid-simple.svg?style=flat-square)](http://npm-stat.com/charts.html?package=react-grid-simple&from=2016-06-13)

[![MIT License](https://img.shields.io/npm/l/react-grid-simple.svg?style=flat-square)](http://opensource.org/licenses/MIT)

Made this because I got tired of looking at divs everywhere and looking for classNames.

## Install

```bash

npm install react-simple-grid --save

```

Make sure to import the styles for the grid system. It is essentially just Bootstraps grid system.

So if you have bootstrap already on your project you don't need the css from `react-grid-simple`.

```html

```

## Usage

```js

import React from 'react';

import { render } from 'react-dom';

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

function App (props) {

  return (

    

      

        

          
Waddup

        

        

          
Whats Poppin

        

        

          
Gangsta Grillz

        

        

          
Pimpin

        

      

    

  );

}


render(, document.getElementById('app'));

```

## License

MIT