Shipstr / flexboxgrid

Grid based on CSS3 flexbox

Home Page:http://flexboxgrid.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flexbox Grid

flexboxgrid.com

Grid based on the flex display property.

This is a custom Koho version which is a fork of the original library. This version has our own custom margin and padding values as well as additional classes add to allow for columns to collapse.

Use .collapse on a .row to collapse the paddings and margins that are direct descendants. Using .collapse-all collapses all descendant columns within that row.

Install

npm

npm i flexboxgrid --save

bower

bower install flexboxgrid

cdn

CDNJS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css" >

css

Add the flexboxgrid.css development or flexboxgrid.min.css production to your html page.

<link rel="stylesheet" href="css/flexboxgrid.min.css" type="text/css">

Inspiration

About

Grid based on CSS3 flexbox

http://flexboxgrid.com

License:Other


Languages

Language:HTML 74.9%Language:SCSS 15.5%Language:CSS 5.9%Language:JavaScript 3.7%