flexboxgrid2

Modern 12 column grid system based on flex property

  • Owner: imevro/flexboxgrid2
  • Platform:
  • License:: Other
  • Category::
  • Topic:
  • Like:
    0
      Compare:

Github stars Tracking Chart

flexboxgrid2

npm version

Modern 12 column grid system based on flex property.

Documentation

Motivation

Forked from kristoferjoseph/flexboxgrid because original project seems abandoned (kristoferjoseph/flexboxgrid#236, kristoferjoseph/flexboxgrid#229, kristoferjoseph/flexboxgrid#211, etc).

Breakpoints

  • xs: 0..575px
  • sm: 576..767px
  • md: 768..991px
  • lg: 992..1199px
  • xl: 1200px+
  • .container padding: 8px
  • .container width: $breakpoint - 16px
  • .col-* padding: 8px

Install

yarn

yarn add flexboxgrid2

npm

npm i -S flexboxgrid2

Usage

webpack

import 'flexboxgrid2'
// or if you use airbnb-config-eslint which explicitly wants .css extension
import 'flexboxgrid2/flexboxgrid2.css'

unpkg.com CDN

<link rel="stylesheet" href="https://unpkg.com/flexboxgrid2@[version]/flexboxgrid2.css">

Replace [version] with current version, f.e. 7.2.1

Main metrics

Overview
Name With Ownerimevro/flexboxgrid2
Primary LanguageCSS
Program languageJavaScript (Language Count: 2)
Platform
License:Other
所有者活动
Created At2017-08-01 13:02:49
Pushed At2018-09-18 18:39:59
Last Commit At2018-09-18 21:39:58
Release Count25
Last Release Name7.2.0 (Posted on )
First Release Namev0.1.0 (Posted on 2013-12-27 00:18:02)
用户参与
Stargazers Count282
Watchers Count18
Fork Count84
Commits Count214
Has Issues Enabled
Issues Count14
Issue Open Count6
Pull Requests Count7
Pull Requests Open Count0
Pull Requests Close Count0
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private