小编AJS*_*acy的帖子

现在我在我的LESS代码中尝试在CSS3中执行此操作:

width: calc(100% - 200px);

但是,当LESS编译时,它输出:

width: calc(-100%);

有没有办法告诉LESS不要以这种方式编译并正常输出？

我遇到了基于Angular 2 ngFor循环索引创建动态类名的问题.我不得不使用以下语法,因为Angular 2不喜欢同一元素上的ngFor和ngIf.

使用此语法,如何使用index at的值创建动态类名{{index}}.我知道这不是正确的A2代码,但我把它放在我的代码示例中,以显示我希望值出现在哪里.

<div class="product-detail__variants">
    <template ngFor #variant [ngForOf]="variants" #index="index">
        <div *ngIf="currentVariant == index">
            <div class="product-detail-carousel-{{index}}">

            </div>
        </div>
    </template>
</div>

值"variants"是一个设定长度的空数组.因此,"变体"没有任何价值.

"currentVariant"是一个默认等于0的数字.

编辑:上面的代码是正确的.我有另一个与我认为与此代码相关的无关错误.

在Bootstrap 3中,我能够执行以下操作(用于语义标记):

.div1 {
    .make-xs-column(12);
}
.div2 {
    .make-xs-column(12);
}

示例HTML:

<div class="div1">
    <!-- Stuff Goes Here -->
</div>
<div class="div2">
    <!-- More Stuff Goes Here -->
</div>

在内联类定义中,我可以通过执行以下操作来更改div1和div2的顺序:

<div class="div1 col-xs-push-12">
</div>
<div class="div2 col-xs-pull-12">
</div>

是否可以使用LESS mixins更改列顺序？或者此功能目前无法使用？做这样的事情是不错的做法？:

.div1 {
    .make-xs-column(12);
    .col-sm-push-12;
}
.div2 {
    .make-xs-column(12);
    .col-sm-pull-12;
}

编辑:我的意思是询问xs列而不是sm.我应该拉动并推动sm +设备并反转我的标记顺序吗？