相关疑难解决方法(0)

Bootstrap 3 mixin multiple make - * - column

我正在使用特定的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大小).这是为不同视口大小创建列的正确方法吗?任何的想法?

mixins less twitter-bootstrap-3

3
推荐指数
1
解决办法
2382
查看次数

标签 统计

less ×1

mixins ×1

twitter-bootstrap-3 ×1