edresponsive v0.1.0
��# Ep-responsive
Los item podran colocarse en columnas o en poncentajes segun su gusto.
Para la columnas en dipositivos moviles mas peque�os entre 0 - 319px utilizaremos:
.sph-1
.sph-2
.sph-3
.sph-4
.sph-5
.sph-6
.sph-7
.sph-8
.sph-9
.sph-10
.sph-11
.sph-12
Para el poncentajes vamos de 5 en 5:
.sph5
.sph10
.sph15
.sph20
.sph25
.sph30
.sph35
.sph40
.sph45
.sph50
.sph55
.sph60
.sph65
.sph70
.sph75
.sph80
.sph85
.sph90
.sph95
.sph100
Con Ep-resposive.css podras maquetar tus app de cuatro maneras:
Maquetaci�n con float
Para maquetar un dipositivo resposive con float necesitamo un contenedor
<section class"contenedor clear">
, los item se le agregan la siguientes clases:
class="floatl
o class="floatr"
Maquetaci�n con display: inline-block
Para maquetar un dispositivo resposive con display inline-block tenemos que agregrar la clases class="f0"
al contenedor, y a los item debemos agregar la clase class="i-b"
Maquetaci�n con display:table
En contenedor agreamos la clase class="table"
y a los item class="table-cell"
.
7 years ago