时间戳

首页 > 解决方案 > 覆盖引导变量与覆盖类

css - 覆盖引导变量与覆盖类

问题描述

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

例如，

覆盖变量：

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

覆盖类：

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

标签： csstwitter-bootstrapsass

解决方案

一方面，重复输出。如果您覆盖类，那么这将意味着在您的 CSS 中，您将同时包含 Bootstrap 定义和覆盖定义。不理想，所以在较小的规模上这很好用。

但是在更大的范围内，覆盖可能数百个类（如果不是更多的话）对于任何最终用户来说都是一种资源浪费（因为将有更多的数据要下载），而且也是一种时间的浪费，因为你必须去找到要覆盖该变量使用的每个实例。仅更改一次变量将更改使用该变量的每个实例，并且您不会获得额外的输出。双赢。

推荐阅读