Question

是否可以生成css类别名？

详细说明：

我正在使用bootstrap.css框架，我有一些无法更改的HTML。这个html包含一个类"awesomnes-container"的容器，里面的一些项目类似于"awesomnes-item"。

让我们说我希望容器像.row类和像.col-lg-12

这样的项目。

我知道用 javascript 添加所需的类非常简单，但我发现它不是100％稳定的解决方案，如果失败，后果将是巨大的。

我也不想修改oryginal bootstrap文件，因为这将是更新的噩梦。我正在使用bootstrap后加载的一些'overlay'css文件。

Answer 1

默认情况下，Bootstrap的CSS以LESS形式编写，因此最好包含一个额外的.less文件，并使用其extend函数将HTML的类映射到您希望它们实现的Bootstrap类。 / p>

在这种情况下，你会看到：

.awesomnes-container {
    &:extend(.row);
}

.awesomnes-item{
    &:extend(.col-lg-12);
}