我试图在一个包含400个站点的项目上使用Bootstrap,并使用以前的CSS类名(我无法控制).我一直在遇到一些CSS名称冲突,我的解决方案是为Bootstrap添加一个前缀(例如.row到.tb-row).
解决方法
你可以用SASS做到这一点
> $namespace：“tb”;
>⌘f(或类似)查找CSS文件中的所有类.你可能需要一个正则表达式(和一些试验错误)来找到它们.
>为所有类添加.#{$namespace}.
理想情况下,你会得到这样的东西：
$namespace: "tb";
.#{$namespace}-myClass {
background:pink !important;
}
.#{$namespace}-carousel-module {
width: 25%;
}
编译成
.tb-myClass {
background:pink !important;
}
.tb-carousel-module {
width: 25%;
}
“简单”可能是一个延伸,但“更容易”似乎适合.
我不确定这是不是最好的方法,诚实地说,我只是ripping off a gist that I saw,而且人们的评论比我聪明得多.虽然可能会派上用场！
