自定义 Bootstrap 4 css [英] Customizing Bootstrap 4 css

问题描述

我正在关注此链接:文档

具体来说:使用我们内置的自定义变量文件自定义 Bootstrap 4，并使用新的 $enable-* Sass 变量轻松切换全局 CSS 首选项.覆盖变量的值并根据需要使用包含的 Gruntfile 重新编译.

我以前从未使用过 Gruntfile.可以用其他工具把scss编译成css吗?另外，这种编译的结果会是什么?一个 _custom.css 必须放在原来的 bootstrap.css 所在的文件夹中?

I have never used Gruntfile before. Can I use other tools to compile scss into css? Also, what the outcome of such compilation is going to be? A _custom.css that must be placed in the same folder where original bootstrap.css is?

感谢您的帮助.

推荐答案

虽然没有像 3.x 中有，有几个工具可以做到这一点.这些都从 SASS 转换为 CSS，如果您不熟悉 SASS，有些还提供 UI.

While there is not an "official" Bootstrap 4 customizer like there was in 3.x, there are several tools that can do this. These all convert from SASS to CSS, and some provide a UI if you're not familiar with SASS.

Themestr.app 定制器

Bootply 定制器

另请查看此答案，了解有关如何使用 CSS 覆盖或 SASS 进行自定义的详细信息.

Also see this answer for details on how to customize with CSS overrides or SASS.

这篇关于自定义 Bootstrap 4 css的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！