一个less循环问题
#container-max-width() {
sm: 540px;
md: 720px;
lg: 960px;
xl: 1140px;
}
#container-breakpoint() {
sm: 576px;
md: 768px;
lg: 992px;
xl: 1200px;
}
each(#container-max-width(),{
@media(min-width: @value){
.container{
max-width: #container-breakpoint[@key];
}
}
})
为什么#container-breakpoint[@key];
最后会报错,正确写法应该是什么?