Bootstrap自定义下载中的颜色？答案

【问题标题】：Colors in Bootstrap custom download?Bootstrap自定义下载中的颜色？
【发布时间】：2012-06-20 18:01:49
【问题描述】：

所以我使用 Bootstrap Customize and Download page 来生成具有自定义颜色的 Bootstrap 文件版本。我的想法是我想添加一些其他颜色（例如@purpleLight）以使网站设计的维护更容易，所以我查看了网站生成的下载内容，我的自定义似乎没有出现在任何地方，更不用说在某个地方让我添加其他人。以下是网站吐出的 bootstrap.zip 中的内容：

CSS
- bootstrap.css
- bootstrap.min.css
img
- glyphicons-halflings.png
- glyphicons-halflings-white.png
js
- bootstrap.js
- bootstrap.min.js

...就是这样。因此，据我所知，这些文件中没有任何颜色。下载中不包含 LESS 文件。难道我做错了什么？网站做错了吗？我只是没有看到实际上存在的东西吗？尽我最大的不同，无论我选择什么自定义选项，下载看起来都是一样的……

而且，等待谁在这里搞砸，我为我的 Bootstrap 网站自定义调色板的最佳替代方法是什么？

【问题讨论】：

我认为您需要获取完整的存储库才能获取包括 LESS 文件在内的源文件。自定义下载只为您提供编译和缩小的版本。
好吧，我明白了，我的问题是，没有这些，定制的究竟是什么？在哪里找到上述定制？如果我下载我的“自定义”版本然后去下载存储库它不会神奇地拥有我自定义的蓝色阴影......

标签： css colors twitter-bootstrap less

【解决方案1】：

您无法使用自定义下载工具添加更多 LESS 变量。您只能重新定义现有变量的值。下载后，该工具会使用这些设置的变量进行编译，但由于您没有获得 LESS 文件，因此之后您将无法添加更多变量，例如您提到的@purpleLight。

如果你想用更多的 LESS 变量来扩展 Bootstrap，你必须下载 full source 并从包含的 LESS 文件中编译你的 css。 less/ 文件夹中有一个文件variables.less，可以在其中添加您的@purpleLight。

【讨论】：

那么，为了全面了解，这些自定义文件中重新定义的现有值到底在哪里？我为“C3ACD3”尝试了诸如 GREPping 之类的东西，但一无所获，，，
它们应该在bootstrap.css 和bootstrap.min.css 中。示例：输入 @linkColor: #000。单击下载。从下载的包中，在编辑器中打开 css/bootstrap.css。在第 142-149 行，您将找到带有自定义颜色的 a 和 a:hover 的声明。
OH 好的，所以我完全误解了定制器在做什么。我在想，无论我放在那里的任何颜色都可以让我在整个 Bootstrap 站点中使用 \@blue 作为该颜色，但真正发生的是我正在为编译器定义一个值 \@blue 以用于该特定样式表，因此 .navbar-search 将使用我的自定义 \@blue 颜色或其他颜色。现在这些下载更有意义。仍然不确定为什么我的 grep 失败了 :(。感谢您的帮助！
所有正确，没有问题 :-) 你可以在 github 上打开一个问题，并建议包含自定义下载工具的 less 文件。
我就是这么做的。再次感谢您的帮助。