Comunidad de diseño web y desarrollo en internet online

Bootstrap 3 grid para dispositivos pequeños

Citar            
MensajeEscrito el 14 Mar 2014 11:31 am
Me gustaría saber si tengo que crear clases para dispositivos menores de 768px(sm)?

Por sergiocastilla

40 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Mar 2014 04:01 pm
existe -xs-

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 14 Mar 2014 07:59 pm
Gracias por tu respuesta, pero xs es para resoluciones menores a 768 px verdad?
Pero en dispositivos de 480px y 320px por ejemplo esa clase no se adapta bién.
Que es lo que hay que hacer?
Un saludo

Por sergiocastilla

40 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Mar 2014 08:05 pm
sí, xs es menor a 768.
las relgas media comienzan con ancho mínimo de 768px, por lo que xs es la medida por default (sin media queries)

yo en mis estilos agrego las medias con ancho mínimo para 768px, 992px y 1200px por si requiero algún ajuste

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 14 Mar 2014 08:16 pm
Bien pero en todos los pequeños dispositivos menores de 768 aplicando xs se adaptará bien hasta 320px?
Por otra parte como haces para planificar el diseño responsivo? tiene que adptarse a todas las resoluciones o haces unos breakpoint determinados siempre?

Por sergiocastilla

40 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Mar 2014 08:22 pm
Usando bootstrap, con las medidas que te puse, .container tiene un ancho fijo según el breakpoint

Para medidas muy pequeñas, crea tu regla media y aplica tus estilos.
Te comento que xs es menor a 768, tal vez en casos de 400 tenga algunos detalles que tengas que corregir.



Yo cuando no uso bootstrap, ya mayoría pongo el contenedor en % para que sea fluido e inserto los breakpoints cuando creo oportuno, has ce cuenta, cuando se baja el menú...

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 14 Mar 2014 08:24 pm
Muchas gracias por todo.

Por sergiocastilla

40 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Mar 2014 08:44 pm
Una pregunta tu diseñas generalmente con un framework como bootstrap o es conveniente hacerlo sin el?
Creo que es más rápido con bootstrap no?

Por sergiocastilla

40 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Mar 2014 08:48 pm
Aprendí a hacerlo sin frameworks (como se debe de empezar), ahora uso mucho bootstrap.

Ya que sé como funciona cada estilo, no tengo problema de reacomodo o realizar algún cambio. Ademas bootstrap tiene componentes

Si, es más facil y rápido con el uso de frameworks

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 14 Mar 2014 08:52 pm
Gracias de nuevo

Por sergiocastilla

40 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.