Sistema de rejilla sensible minimalista-rejilla de encendido

Tiempo de ejecución: 30 minutos. Empezar

Autor: timothylong
Views Total: 1,753
Sitio oficial: Ir a la web
Actualizado: March 30, 2017
Licencia: MIT

Vista prévia

Sistema de rejilla sensible minimalista-rejilla de encendido

Descripción

KINDLING Grid es un sistema de cuadrícula CSS puro y minimalista que facilita la generación de un diseño de cuadrícula flexible y adaptable con soporte para desplazamiento personalizado.

Funcionamiento

Importe el KINDLING. CSS en la sección head del documento.

<link rel="stylesheet" href="css/kindling.css">

Cree un diseño de cuadrícula de tres columnas como sigue. Tenga en cuenta que la leña es un sistema de rejilla de 12 columnas.

<div class="row">

<div class="span-4">Left</div>

<div class="span-4">Middle</div>

<div class="span-4">Right</div>
</div>

Agregue la clase CSS offset-x Si desea aplicar un desplazamiento personalizado en una cuadrícula.

<div class="row">

<div class="span-1">Left</div>

<div class="span-2 offset-5">Middle</div>

<div class="span-4">Right</div>
</div>

Registro de cambios

03/30/2017

Añadidos prefijos de proveedor a la versión Vanilla

Te puede interesar: