Twitter bootstrap 如何将多个css框架与过度填充类相结合

Twitter bootstrap 如何将多个css框架与过度填充类相结合,twitter-bootstrap,gruntjs,bower,css-frameworks,materialize,Twitter Bootstrap,Gruntjs,Bower,Css Frameworks,Materialize,我想在我的网站上同时使用materialize和bootstrap。问题是,类重叠,我如何缩小框架,使其仅为网站的一部分设计样式?或者我该如何命名它?我只想使用materialize的一小部分(例如cards组件),并使用bootstrap进行一般样式化(例如网格系统) 我还将bower与grunt一起使用,因此如果解决方案与grunt的自动化过程配合良好,它将非常有用。使用任何预处理器,如sass、less或我最喜欢的stylus,您可以轻松地将整个CSS文件嵌套在顶级类中,有效地进行名称空间

我想在我的网站上同时使用materialize和bootstrap。问题是,类重叠,我如何缩小框架,使其仅为网站的一部分设计样式?或者我该如何命名它?我只想使用materialize的一小部分(例如cards组件),并使用bootstrap进行一般样式化(例如网格系统)


我还将bower与grunt一起使用,因此如果解决方案与grunt的自动化过程配合良好,它将非常有用。

使用任何预处理器,如sass、less或我最喜欢的stylus,您可以轻松地将整个CSS文件嵌套在顶级类中,有效地进行名称空间设置

// stylus
.top-level-class
  .nested-class (or entire file)
    color red

// generating
.top-level-class .nested-class {
  color: red;
}
可能重复的