如何从引导功能在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;
}