自定义Bootstrap 4 css

Question

我关注此链接： Docs

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

我之前从未使用过Gruntfile。我可以使用其他工具将scss编译成css吗？此外，这种编译的结果是什么？ _custom.css必须放在原始bootstrap.css所在的文件夹中？

感谢您的帮助。

Answer 1

你实际上不需要太了解Grunt。 Bootstrap 4提供了有关如何设置构建工具的文档，可以在

找到

https://v4-alpha.getbootstrap.com/getting-started/build-tools/#tooling-setup

  

运行grunt（或一组特定的Grunt任务）来重建分布式CSS和JavaScript文件，以及我们的文档资产。

我的建议是从Github克隆Bootstrap Beta 4，更改变量并使用reconfigure gruntfile重建。

https://github.com/twbs/bootstrap#running-documentation-locally

Answer 2

虽然没有像there was in 3.x这样的“官方” Bootstrap 4定制程序，但是有几种工具可以做到这一点。这些都可以从SASS转换为CSS，如果您不熟悉SASS，则可以提供UI。

Themestr.app Customizer

Bootply Customizer

也see this answer进一步说明了如何使用CSS覆盖或SASS进行自定义。