Disposición mínima de 12 columnas CSS/SCSS Grid layout-Siimple
| Autor: | dbelt93 |
|---|---|
| Views Total: | 2,265 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 2, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Siimple es un mínimo de 12 columnas. SCSS Grid creado con un enfoque en la simplicidad y la usabilidad. Con dos conjuntos de rejilla incorporados se puede cuadrícula de la manera que desee.
Funcionamiento
Cargue el Siimple. CSS en la sección head del documento.
<link rel="stylesheet" href="css/siimple.css">
La estructura básica de HTML para crear un diseño de cuadrícula simple.
<div class="grid"> <div class="loop12"> <div class="block">12</div> </div> <div class="loop1"> <div class="block">1</div> </div> <div class="loop11"> <div class="block">11</div> </div> <div class="loop2"> <div class="block">2</div> </div> <div class="loop10"> <div class="block">10</div> </div> <div class="loop3"> <div class="block">3</div> </div> <div class="loop9"> <div class="block">9</div> </div> <div class="loop4"> <div class="block">4</div> </div> <div class="loop8"> <div class="block">8</div> </div> <div class="loop5"> <div class="block">5</div> </div> <div class="loop7"> <div class="block">7</div> </div> <div class="loop6"> <div class="block">6</div> </div> <div class="loop6"> <div class="block">6</div> </div> </div>
