a simple and superlightweight flex-based Grid-system.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
LICENSE
README.md

README.md

8-Grid

©2018- DAFU.

minzipped size

8-Grid is a simple and lightweight flex-based Grid-system.

HP:https://dafu.cf/8-Grid/

Get Started

  1. Download from this repositry.

Latest Release: Here

  1. Use a CDN.

CDN List

jsdelivr(v0.4)

for All
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/8-Grid@v0.4/css/8grid.all.min.css">
for PC
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/8-Grid@v0.4/css/8grid.pc.min.css">
for Tablet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/8-Grid@v0.4/css/8grid.tb.min.css">
for Smartphone
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/8-Grid@v0.4/css/8grid.sp.min.css">

Rawgit(v0.3)

for All
<link rel="stylesheet" href="https://cdn.rawgit.com/kikiriko200/8-Grid/adf9b37/css/8grid.all.min.css">
for PC
<link rel="stylesheet" href="https://cdn.rawgit.com/kikiriko200/8-Grid/adf9b37/css/8grid.pc.min.css">
for Tablet
<link rel="stylesheet" href="https://cdn.rawgit.com/kikiriko200/8-Grid/adf9b37/css/8grid.tb.min.css">
for Smartphone
<link rel="stylesheet" href="https://cdn.rawgit.com/kikiriko200/8-Grid/adf9b37/css/8grid.sp.min.css">

Usage

You can use this like Bootstrap.

class

  1. for PC
.col-*
  1. for Tablet
.col-m-
  1. for Smartphone
.col-s-
  1. 960px Grid(recommend to use to PC)
.v960
  1. Trisect a row (v0.2~)
.col-1-3
.col-m-1-3
.col-s-1-3

License

This repository licensed under MITLicense.