我希望使用PHP安装,通过SASS更改Bootstrap 5中主按钮类的颜色。
我最初通过CDN包含了Bootstrap,知道我可以制作一个自定义的.css
文件。我知道我必须确保涵盖初级课程的所有风格,但这是一种相对快速简单的更改按钮颜色的方法。
但这感觉就像是2010年,而且似乎有更适合升级的方式来实现这一点。由于自定义引导程序已不复存在,因此最新的自定义建议似乎是使用SASS。
为了实现这一点,我切换到bootstrap的composer安装,希望它能提供必要的SASS文件,从那里我可以添加一个自定义,然后为我的安装进行编译。但是composer包不包括任何SCSS文件,所以我现在觉得有点卡住了。这是我第一次使用SASS,我似乎找不到任何关于如何使用PHP实现这一点的信息。我还查看了其他资源,试图将其拼凑在一起:
SCSSPHP
SASS Composer
这一切似乎让我更接近于使用SASS来定制引导程序(我认为(。但仅仅改变按钮的颜色也会让人觉得有很多额外的东西。
我可以将SASS与PHP一起使用来自定义按钮颜色吗?我应该采取哪些步骤?
[我觉得这是一个意见问题。]
我个人还没有在Bootstrap 5的代码库中尝试过PHPSASS,但我知道在使用NodeSASS时遇到了一些问题。Bootstrap似乎使用(并且更喜欢(DartSASS作为其来源。Dart-Sass是Sass的主要实现,有些特性是其他Sass编译器无法处理的。
但您也应该考虑为什么要使用基于PHP的SCSS编译器。
-
如果要渲染动态CSS,那么需要做大量的工作,而像Bootstrap这样复杂的代码库可能太大,无法在每次命中时进行编译。对于这种方法,你最好使用CSS插件(只需更改即可覆盖CDN基础(。别担心老派思想。。。HTML是1989年的事了。
-
如果只编译一次(呈现可重用的CSS(,那么最好只使用带有NPM的Bootstrap代码库,并为自己的Bootstrap风格创建
_variable.scss
文件的变体。Bootstrap 5有一套丰富的文档,可以让你在他们的自定义文档页面上开始。从那里开始。。。然后他们转到引导程序npm启动程序项目来构建自己的项目。