一堆引导类或在主CSS中创建自定义CSS类?

时间:2018-12-03 22:47:49

标签: css bootstrap-4

我在一家大公司工作,在这家公司中,我们将所有内容放入1个大型CSS文件中。我注意到,这个主CSS文件在过去6个月中增长了5000行。在这种情况下,最好使用几个引导程序类(最多10个)或即使可以使用引导程序也继续添加自定义类?

这是仅使用引导程序创建的示例:

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

1 个答案:

答案 0 :(得分:0)

成为前端开发人员,与大型团队一起开发大型产品,并具有相同的场景,例如一个庞大的CSS 文件和 twitter引导程序 strong>并且仍在开发中。

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

让我们看看自定义css文件中应该包含的内容。

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

例如:灰色框,浅色框,白色框,bg小部件,图标小部件,标签集等。

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