css - 如何从引导功能在 CSS 中创建新类

Question

我正在努力将 bootstrap css 从我的代码中移出。

我想构建可以从我的 .css（实际上是 .scss）文件中调用的各种类。

CSS 和我一直在走不同的路，但我现在只是在学习它。

我想在不同的 CSS 类中构建这样的东西：-

<div class="well span4">  

CSS

.datainput {  
well; span4  #<<<<this is where I get lost.  
}

谢谢

Answer 1

在 Sass 中，类是这样扩展的：

.datainput {
    @extend .well;
    @extend .span4;
}

这将生成如下所示的输出：

.well, .datainput {
    // styles here
}

.span4, .datainput {
    // styles here
}

如果你使用的是 LESS，这是 TB 的写法，它看起来像这样：

.datainput {
    .well;
    .span4;
}