将多个引导程序类组合到一个SASS类中

Question

在窗体中，我有一些窗体组，每个窗体组都有一个标签和窗体控件元素。

<div class="form-group row"> 
    <label class="col-xs-2 col-md-3">Text</label> 
    <div class="col-xs-10 col-md-9"> 
    <input class="form-control" type="text"> 
    </div> 
</div> 

标签使用类： 'COL-XS-2 COL-MD-3' 和形状控制： 'COL-XS-10 COL-MD-9'

是否有可能结合两个'col'类标签元素放入sass中的一个类中？事情是这样的：

.label-width{ 
    .col-xs-2 
    .col-md-3 
} 

给予我：

<label class="label-width">Text</label> 

，然后我可以用一个SASS变量如控制：“$ labelColumnWidth：2”给我一个快速的方法来设置的标签宽度为所有行。事情是这样的：

$labelColumnWidth: 2 
.label-width{ 
    .col-xs-#{$labelColumnWidth} 
    .col-md-#{$labelColumnWidth} 
} 

我想用自举类的栏间距，但能够控制他们与上海社会科学院变量来快速改变形式的布局。可能？

Answer 1

即使它是不是一个好的做法，你应该能够通过@extend做到这一点，这意味着在你的情况下，你的代码应该是这样的：

.label-width{ 
    @extend .col-xs-2 
    @extend .col-md-3 
} 

看一看here如果你需要更多解释。