为什么引导程序包含一个引导主题文件？

Question

这个问题类似于这个问题：如何使用引导主题use与引导3？，但不是重复的。我正在与.less级别的Bootstrap交互，并在每次更改时重新编译它。

正如我所说的，我正在用less开发一个引导主题。我在这里编辑比特，在那里改变变量。切断未使用的部件。将我的大部分新CSS应用到/less/theme.less中。最后，我留下了两个css文件：/dist/css/bootstrap.css和/dist/css/bootstrap-theme (哦，好的，是的.和他们的.min.css对手，你这个学究的知识)

将输出分成两个单独的文件有什么意义？他们都偏离了“股票”设置(仅仅更改less/variables.less就可以做到这一点)，这难道不是一种重复吗？这难道不是我们(那些认为自己最了解的开发人员)不断地告诉初级的人应该不惜任何代价避免的额外要求吗？

在开发自定义引导主题时，以下是我的选项：

1. 抛掉包含的theme.less，包括我在主引导带构建中的修改，
2. 在核心引导程序构建和重写我的theme.less中的内容时，不要改变任何东西，
3. 继续我正在做的事情，修改这两个文件并使用两个CSS文件。

我该怎么做?为什么？

在相关的注意事项上，如果单击“下载引导程序”，我是否应该从您获得的文件中构建引导程序？事后看来，这些文件似乎都是为了构建Bootstrap文档(其中有大量的Jekyll胡说八道，我只是把它抛之脑后)。是否有一个“干净的”版本的Bootstrap，是为人们想要定制的引导没有文件？

Answer 1

我在这件事上开了个窃听器，得到了这一反应

我们不会将文档分离成另一个回购，因为这会使代码的更改使它们更加痛苦/困难。

很可怜，海事组织，但这不是我的计划。问了一个小时后，我把前两种选择结合起来。我在bootstrap.less的最后一行中添加了以下内容

@import "theme.less";

要使这一工作成为现实，需要进行以下几项修改：

• 清理Gruntfile以停止构建单独的主题
• 从theme.less文件顶部删除引导带导入(如果不删除，则导致循环)

但输出结果是理想的。一个胖bootstrap.css文件和一个稍微苗条的bootstrap.min.css文件。

我仍然不认为黑客的整个构建过程是一个非常可持续的方法，使用Bootstrap作为一个启动主题。对更好的解决方案非常开放。

在另一个项目中，我已经放弃了最后的导入，我只是在bootstrap.less中做我所有的工作。当然，顶部有50行代码是大量的样板导入，但这意味着我不会在文件之间跳来跳去。我一直都知道其中包含了什么。

我还删除了咕噜，并与我自己的织物解决方案，已经使用在我现有的工作流程。和以往一样，你的里程可能会有所不同。你不是我。

Answer 2

Bootstrap 3采用了一种从其所有组件中去掉固执己见风格的方法。这是因为开发人员不得不过度编写样式并添加自己的样式，这导致了CSS的膨胀。这是更好的开始，从一个平面设计，可以作为一个基础，并在此基础上，如你所愿。

因此进入theme.less，这是一个模板。这是创造一个独特主题的起点。如果您将它包含在您的bootstrap.less构建中，您将得到默认的引导主题，我们都习惯于看到它(例如，稍微凸起的按钮、渐变等等)。这与您的variables.less文件一起使您完全控制了UI的表示风格。

使用带有更少的引导带的典型工作流程是使用鲍尔。Bower站点将解释如何使用npm安装保龄球。假设您已经安装了bower，请使用您的命令行应用程序和cd into/your/root/path/。运行以下命令：

bower install bootstrap --save

Bower将所有包安装到bower_components/目录中。您永远不会更改Bower安装的文件。您应该将三个文件从引导程序中复制到您自己的style文件夹中。这些是variables.less，bootstrap.less和theme.less。您可以查看我设置的我的回购作为所有这些的起点。

您复制的bootstrap.less文件应该被修改，以便所有Bootstrap @import组件的文件路径引用由Bower安装的文件路径。然后，您可以将@import的theme.less和variables.less复制到bootstrap.less中。根据您的意愿进行更改并编译您的主题。

当您想要将引导程序更新到最新版本时，您可以使用bower这样做，并根据需要对您复制的文件进行任何调整，以确保它们与新版本中任何更改的内容匹配。

我希望这能回答你的问题。