自定义Bootstrap主题的正确方法是什么？

Question

我想使用Bootstrap主题，但我需要自定义它。什么是正确的方法？我应该创建一个新的CSS文件来覆盖默认的CSS吗？

Answer 1

我刚刚写了post关于过去几年我在Udacity的做法。这种方法意味着我们可以随时更新Bootstrap而不会出现合并冲突，抛出工作等等。

该帖子更深入地举例说明，但基本思路是：

• 保留原始的bootstrap副本并在外部覆盖它。
• 修改一个文件（bootstrap＆＃39; s variables.less）以包含您自己的变量。
• 制作您的网站文件@include bootstrap.less，然后填写。

当需要升级引导程序时，只需更换原始引导程序副本，一切都可以正常工作。

这里是post带有演练。

github上的代码示例是here。

Answer 2

首先，我认为根据您的问题有两个步骤。

1. 与Bootstrap一起使用，文档非常好。所以在定制它之前，最好先了解它是如何工作的，至少在一个非常基本的方式。

2. 自定义Bootstrap的最简单方法可能是它自己的site。在那里，您可以更改常规颜色，表格，下拉菜单，导航栏等内容。

如果您对此有任何疑问，请告知我们。

Answer 3

您可能希望保留引导程序文件而不进行任何修改。这样，您可以根据需要将其更新为新版本。

因此，正确的自定义方法是添加自己的CSS文件（至少在开发过程中）。

Answer 4

我认为最好的方法是创建一个新的主CSS文件。你应该包括bootstrap.css和其他东西，但是在bootstrap CSS文件上编辑可能不是一个好主意。

Answer 5

这已经完整记录。我已经看到了30种方法。到目前为止，我遇到的最优雅和最佳解决方案之一已在this blogpost中进行了描述。

在this workflow中应用了完全相同的原则。只是一个不同的设置。如果你想将Bootstrap视为依赖而不触及源代码，那就更好了。