我正在尝试弄清楚如何为 B4 发布版本构建自定义 css。我已经下载了源文件，但没有看到我用于 v4.alpha6 的 Gruntfile.js。我正在看:
V4 doc
其中说:
Should you require build tools, they are included for developing Bootstrap and its docs, but they’re likely unsuitable for your own purposes.
那么，我该用什么来达到我自己的目的呢？如何构建自定义 CSS？我发现我必须创建自己的 _custom.scss 文件，但我不确定 Gruntfile.js。我从 alpha6 版本复制了一个，但它没有运行。我得到这个:
D:\Bootstrap4\bootstrap-4.0.0>grunt grunt-cli: The grunt command line interface (v1.2.0) Fatal error: Unable to find local grunt.
如果您看到此消息，则说明 grunt 尚未在本地安装 你的项目。
但是，同一个文件在 alpha6 版本上运行良好。
有什么想法吗？
谢谢
最佳答案
从 Bootstrap 4 beta 开始，他们不再使用 Gulp 和 over to Webpack ，但是还有其他方法可以从 SASS 生成 CSS。
要创建自定义CSS，您需要一个SASS编译器，例如node-sass或Webpack SASS，或gulp SASS将SCSS编译为CSS。然后更改任何SASS variables根据 custom.scss 文件中的自定义需要。应在 custom.scss 文件中 @import bootstrap 之前进行更改，以覆盖默认的 Bootstrap 变量。
如果您不想直接使用 SASS 变量，或者不想设置自己的 SASS 编译器，可以使用一些工具来简化自定义过程。我创建了themestr.app这是一个自定义 CSS 构建器，提供简单的 UI 来进行更改并生成 custom.scss 或 custom.css 供下载。
更多信息:
How to extend/modify (customize) Bootstrap 4 with SASS
How to customize Bootstrap 4
关于npm - Bootstrap 4 发布 - 创建自定义 css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48540848/