css - 一堆 Bootstrap 类或在主 css 中创建自定义 css 类？

Question

我在一家大公司工作，在这家公司，我们将所有内容都放入一个巨大的 CSS 文件中。我注意到这个 CSS 主文件在过去 6 个月里增加了 5000 行。在这种情况下，是使用多个 Bootstrap 类(最多 10 个)还是继续添加自定义类(即使 Bootstrap 可用)更好？

这是仅使用 bootstrap 创建的示例:

<div class="col-auto d-flex align-items-center text-center pl-3 pr-1 text-secondary">

Answer 1

作为前端开发人员，与大型团队一起开发大型产品，并拥有与您相同的场景，即一个庞大的 CSS 文件和twitter bootstrap 并且仍在开发中。

基于这些，我将分享我的管理方式，而不是解释面向对象 CSS (OOCSS)、可扩展和模块化架构 for CSS (SMACSS) 的概念, 不要重复自己的 CSS(DRY CSS)。

让我们来看看自定义 css 文件中应该有什么。

A) 主要布局 规则适用于网站的主要组件，如页眉、页脚、侧边栏或主要内容。 B) 次要布局组件被视为模块，通常位于主要布局组件中。侧边栏内的内容框就是一个例子。

例如 gray-box,light-box,white-box,bg-widget,icon-widget,tabset等

现在，对于网站的主题化，您只需要Major layout 和Minor layout 这两个东西，但如果您不需要遵循此结构或不需要更改此结构的组成部分用于 twitter bootstrap 类。 这种方法非常简单，而且后端团队可重复使用，因为他们只需复制并粘贴标记。