覆盖Bootstrap变量与覆盖类

Question

覆盖Bootstrap SCSS变量与覆盖Bootstrap的CSS类规则相比有什么好处？

例如

覆盖变量

$custom-font-size: $input-font-size;

覆盖的类：

.someClass {
   font-size: $input-font-size;
}

Answer 1

其中之一是重复输出。如果您覆盖类，那么这意味着在CSS中，您将同时包含Bootstrap定义和覆盖定义。不理想，因此在较小的规模上可以正常工作。

但是在更大的范围内，覆盖潜在的数百个类（如果不是更多的话）将浪费任何最终用户资源（因为有更多数据要下载），而且浪费时间，因为您拥有去查找您要覆盖该变量使用的每个实例。仅更改变量一次将更改使用该变量的每个实例，和您不会获得额外的输出。双赢。