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

   
Vista:

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

Publicado por angel (71 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

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

Publicado por Lopez (158 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

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

Publicado por angel (71 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

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

Publicado por Lopez (158 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