如何为Bootstrap 4类添加前缀以避免CSS类冲突

时间:2019-06-17 14:00:37

标签: css twitter-bootstrap bootstrap-4

我正在构建将驻留在网站中的小型应用程序。将托管这些应用程序的网站可能会或可能不会使用css框架。我想给所有Bootstrap类加上我自己的唯一前缀。

为了避免发生“任何实例或任何机会”的冲突,我想为所有Bootstrap CSS类添加前缀-假设是-“ year19-”前缀。因此,例如,所有col-class现在将成为year19-col-,而所有.btn类现在将变为.year19-btn,.year19-btn-primary等。 我知道如果我使用sass主题,新类,那么我们将解决一些问题,因为我们可以使用主题化方法创建自己的前缀,但是如果同一个框架的两个版本继续存在,JS仍然会成为冲突的根源。同一页。 Bootstrap 3的Github项目具有命名空间功能,您可以在名称空间变量中添加前缀,然后将整个代码编译为CSS和JS包。 Bootstrap 4似乎还没有该软件包。

此外,我不想用CSS类包装项目。在某些情况下,该方法很好,但不适用于正确的方法。我什至不称呼那个命名空间。那只是包装类。

year19-btn-primary { 那么这将是之前没有存在的任何代码。}

0 个答案:

没有答案