将多个现有类组合到一个类中

Question

我目前在各种视图中有很多按钮，并且应用了以下类class="btn btn-primary btn-sm custom"。如何在"btn btn-primary btn-sm"中将"custom"包含在我的CSS中，以便我可以使用单个类而不是单独指定每个类？

Answer 1

LESS支持mixins，但您必须先导入bootstrap.less文件。

对于mixin，语法为：

.custom {
    .btn;
    .btn-primary;
    .btn-sm;
}

有关导入bootstrap.less仅作为mixins参考的信息，请参阅Reference a class/mixin without completely importing the LESS file