为什么 Bootstrap 包含 bootstrap-theme 文件?

2023-12-23

问题是similar对于这个:如何在 Bootstrap 3 中使用 bootstrap-theme.css? https://stackoverflow.com/questions/18327543/how-to-use-bootstrap-theme-css-with-bootstrap-3但不是重复的。我在 .less 级别与 Bootstrap 进行交互,并在每次进行更改时重新编译它。

正如我所说,我正在开发一个 Bootstrap 主题less。我在这里编辑位,在那里改变变量。剪掉未使用的组件。将我的大部分新 CSS 放入/less/theme.less。最后,我留下了两个 css 文件:/dist/css/bootstrap.css and /dist/css/bootstrap-theme(哦,好吧,是的......还有他们的.min.css同行,你这个迂腐的人都知道)

将这个输出分成两个单独的文件有什么意义?他们都偏离了“库存”设置(只是改变less/variables.less会做到这一点)那么这不是重复工作吗?这难道不是我们(自认为最了解的开发人员)不断告诉初级人员应该不惜一切代价避免的额外要求吗?

在开发自定义 Bootstrap 主题时,我的选择如下:

  1. 抛弃附带的theme.less并将我的更改包含在主 Bootstrap 构建中,
  2. 不改变核心引导程序构建中的任何内容并覆盖我的内容theme.less,
  3. 继续我正在做的事情,更改两者并使用两个 CSS 文件。

我应该做什么以及为什么?

与此相关的是,如果您单击“下载 Bootstrap”,我是否应该从获得的文件构建 Bootstrap?事后看来,这些似乎是为了构建 Bootstrap 文档(其中有大量 Jekyll 的废话,我只是放弃了)。是否有 Bootstrap 的“干净”版本可供那些想要在没有文档的情况下自定义 Bootstrap 的人使用?


我对此开始了一个错误并得到了这个回应 https://github.com/twbs/bootstrap/issues/11471#issuecomment-28414872:

我们不会将文档分离到另一个存储库中,因为这使得让它们与代码更改保持同步变得更加痛苦/困难。

在我看来,这很可悲,但这不是我要管理的项目。经过一个小时的询问后,我结合了前两个选项。我将以下内容添加到最后一行bootstrap.less:

@import "theme.less";

为了使其在现实中发挥作用,需要进行一些更改:

  • 清理 Gruntfile 以停止构建单独的主题
  • 从 theme.less 文件顶部删除 Bootstrap 导入(如果不这样做会导致循环)

但输出是如所期望的。一胖bootstrap.css文件和稍微细长的bootstrap.min.css file.

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


在另一个项目中,我已经转储了最终的导入,我只是在其中完成所有工作bootstrap.less。当然,顶部有 50 行是大量样板导入,但这意味着我不会在文件之间来回切换那么多。我一直都知道其中包含什么。

我还删除了 grunt,并采用了我自己的结构解决方案,该解决方案已在我现有的工作流程中使用。与以往一样,您的里程可能会有所不同。你不是我。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么 Bootstrap 包含 bootstrap-theme 文件? 的相关文章

随机推荐