Estoy desarrollando una pagina web responsiva con bootstrap y quiero cambiar las propiedades de la clase col-md-12 segun la orientacion del dispositivo.
tengo dos div:
<div class="col-md-12 col-lg-6">
//contenido div 1
</div>
<div class="col-md-12 col-lg-6">
//contenido div 2
</div>
cuando el ancho es mayor a 992 los div estan en linea uno al constado del otro y cuando la resolucion es menor se pone uno debajo del otro por la clase col-md-12 de boostrap, pero quiero que solo se pongan uno debajo del otro cuando el dispositivo tenga una orientacion portrait y cuando sea landscape siga en linea uno al lado de otro.
he intentado esto pero no me funciona.
@media screen and (max-width: 992px) and (orientation: landscape) {
/*boortrasp md*******************************/
.col-md-12 {
width: 50%
}
}