Código CSS :
@media (min-width: 1200px) { .min-width-1200{display: block;} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .navbar-fixed-left.collapse.width{ width: 17.09402%; } .content-column { overflow: hidden; position: relative; left: 17.09402%; width: 62.90598%; float: left; } .content-wraper aside { display: block; float: right; width: 18%; } }
solo encontre que dentro de cada clase se puede definir cada media query para esa clase:
Código CSS :
.content-wraper{ position: relative; background-color: @grayLighter_f0; article{ min-height: 100%; width: auto; left: 0; padding: 0 1.5%; border-top: 1px solid @grayLight_d0; h1{ color: @green; font-size: @baseFontSize; } } aside{ background: none repeat scroll 0 0 @orange; display: none; color: white; padding: 0px 1% 1%; } @media (max-width: 480px){ width: 100%; } @media (max-width: 767px) { width: 100%; } @media (min-width: 768px){ -webkit-box-shadow: 0 5px 10px #aaa; -moz-box-shadow: 0 5px 10px #aaa; box-shadow: 0 5px 10px #aaa; } @media (min-width: 979px){ aside { display: block; float: right; width: 21%; } } @media (min-width: 1200px) { aside { display: block; float: right; width: 18%; } } }