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%;
}
}
} 