我正在使用特定的mixin试图让我的代码更清晰.所以不要使用:
<div class="col-lg-3 col-md-5 col-sm-6 col-xs-12">
Run Code Online (Sandbox Code Playgroud)
我正在使用:
<div class="stackOverflowRocksIt">
Run Code Online (Sandbox Code Playgroud)
在我的mixins.less:
.stackOverflowRocksIt{
.make-lg-column(3);
.make-md-column(4);
.make-sm-column(6);
.make-xs-column(12);
}
Run Code Online (Sandbox Code Playgroud)
它适用于XS和SM视口,但不适用于我调整大小到MD或LG(然后采用SM大小).这是为不同视口大小创建列的正确方法吗?任何的想法?