我在一家大公司工作，在这家公司，我们将所有内容放入1个大型CSS文件中。我注意到，这个主CSS文件在过去6个月中增长了5000行。在这种情况下，最好使用几个引导程序类（最多10个）或即使可以使用引导程序也继续添加自定义类？
这是仅使用引导程序创建的示例：
<div class="col-auto d-flex align-items-center text-center pl-3 pr-1 text-secondary">
最佳答案
作为前端开发人员，要与大型团队一起开发大型产品，并且具有与您相同的方案，即一个庞大的CSS文件和Twitter引导程序，并且仍在开发中。
基于这些，我将分享我的管理方式，而不是解释面向对象CSS（OOCSS），CSS的可伸缩和模块化体系结构（SMACSS），不要重复自己的CSS（DRY CSS）的概念。
让我们看一下自定义css文件中应该包含的内容。
A）主要布局规则适用于网站的主要组件，例如页眉，页脚，侧边栏或主要内容。
B）次要布局组件被视为模块，通常位于主要布局组件内部。边栏内的内容框就是一个示例。
例如。灰盒，灯箱，白盒，小工具，图标小工具，标签集等。
现在，用于网站主题化时，您只需要这两个内容即主要布局和次要布局，但是如果您不需要遵循此结构或需要更改而不是此结构的组成部分，则可以使用twitter bootstrap类。
对于后端团队来说，这种方法非常简单并且可重用，因为他们只需复制并粘贴标记。