Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » Bootstrap 3 - agregar la orientación del dispositivo cuando se pone en modo landscape

HTML - Bootstrap 3 - agregar la orientación del dispositivo cuando se pone en modo landscape

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil
Val: 254
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Bootstrap 3 - agregar la orientación del dispositivo cuando se pone en modo landscape

Publicado por angel (90 intervenciones) el 07/03/2018 22:43:52
Hay alguna opción para agregar la orientación del dispositivo cuando se pone en modo landscape el teléfono a los distintos elementos por ejemplo:

div imágenes botones.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Lopez
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Bootstrap 3 - agregar la orientación del dispositivo cuando se pone en modo landscape

Publicado por Lopez (271 intervenciones) el 08/03/2018 00:51:41
Angel,

Lamentablemente en la versión 3 de BS, creo esto debe hacerse manualmente,
para ello puedes añadir estas declaraciones al final de un nuevo archivo .CSS,
mismo que irá luego de BS.

1
2
3
4
5
6
7
8
9
10
11
@media (min-width: 860px) and (orientation:landscape) {
    .col-md-6 {
        /*Aquí puedes añadir distintos querys col-4, col-8 etc. Propiedades Aquí*/
    }
}
 
@media (min-width: 860px) and (orientation:portrait) {
    .col-md-6 {
         /*Redefines Propiedades Aquí*/
    }
}

Saludos!

Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 254
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Bootstrap 3 - agregar la orientación del dispositivo cuando se pone en modo landscape

Publicado por angel (90 intervenciones) el 08/03/2018 11:14:36
Añado este archivo a los otros CSS de bootstrap?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Lopez
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Bootstrap 3 - agregar la orientación del dispositivo cuando se pone en modo landscape

Publicado por Lopez (271 intervenciones) el 08/03/2018 13:26:11
No Angel,

A esto me refiero:

1
2
<link rel="stylesheet" type="text/css" href="ruta-a-bootstrap/bootstrap.css">
 <link rel="stylesheet" type="text/css" href="ruta-a-css/nuevo.css">

Si te fijas en el orden, bootstrap.css va primero, así nuevo.css puede sobreescribir valores declarados en bootstrap.css.
Es el sistema de jerarquía que usa CSS.

Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar