定制化Bootstrap 4的CSS

6
我正在使用此链接: 文档 具体来说,我们可以使用内置的自定义变量文件来自定义Bootstrap 4,并通过新的$enable-* Sass变量轻松切换全局CSS首选项。如果需要覆盖变量的值并重新编译,则可以使用包含的Gruntfile。我以前从未使用过Gruntfile。我能否使用其他工具将scss编译为css?此类编译的结果是什么?必须将_custom.css放在原始bootstrap.css所在的同一文件夹中吗?
感谢您的帮助。

你可以使用Gulp来替代Grunt,但要注意Bootstrap4仍处于alpha阶段。建议在最终版本发布之前使用Bootstrap 3。 - paddyfields
我同意你的观点,但我仍需要学习如何实现它。 - Mark
1
这里有一个Bootstrap SASS到CSS自定义工具,可以让您设置变量。 - Carol Skelly
1
哦,这太棒了!谢谢。 - Mark
@Mark - 你能否接受一个答案来解决这个问题,以便其他人知道它已经解决了? - Carol Skelly
2个回答

4

1

实际上,您不需要了解太多关于Grunt的知识。Bootstrap 4提供了有关如何设置构建工具的文档,可以在以下位置找到:

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

运行grunt(或一组特定的Grunt任务)以重新构建分发的CSS和JavaScript文件,以及我们的文档资产。
我的建议是从Github克隆Bootstrap Beta 4,更改变量并使用重新配置的gruntfile进行重建。

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


在工具设置中,它提到了Ruby。我在添加SASS gem时遇到了问题。我应该确保它能正常工作吗? - Mark
你有什么问题? - XY Li
还有它说:“要使用我们的Gruntfile并在本地运行我们的文档,…”这是否包括我在我的应用程序中使用的bootstrap.css? - Mark
当我添加SASS gem时,它超时了。 - Mark
是的,它应该包括Bootstrap CSS文件。 - XY Li
我也可以使用Scout-App应用程序编译scss文件。这是一样的吗? - Mark

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接