css – 为什么Bootstrap包含一个引导主题文件?

前端之家收集整理的这篇文章主要介绍了css – 为什么Bootstrap包含一个引导主题文件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
问题类似于这个: How to use bootstrap-theme.css with bootstrap 3?但不是重复。我正在与Bootstrap进行无缝级别的交互,并在每次进行更改时重新编译它。

正如我所说,我正在用较少的开发Bootstrap主题。我在这里编辑位,在那里改变变量。切除未使用的组件。把我的大部分新的CSS放入/less/theme.less。最后,我留下了两个css文件:/dist/css/bootstrap.css和/ dist / css / bootstrap-theme(哦,好的,是的…和他们的.min.css对应,你迂回知道这一切)

将这个输出分割成两个单独的文件是什么意思?他们都偏离了“股票”设置(只是改变较少的/变量,不会这样做),这不是重复的努力吗?这不是额外的要求,我们(认为他们最了解的开发人员)不断地告诉小辈应该不惜一切代价?

在开发自定义Bootstrap主题时,这些是我的选择:

>将包含的主题剔除,并将我的更改包含在主要的Bootstrap构建中,
>在核心引导中修改任何东西,并重写我主题中的东西,
继续我在做什么,改变两个并使用两个CSS文件

我应该怎么做,为什么?

在相关的笔记中,如果您点击下载Bootstrap,我应该不会从您获得的文件中构建Bootstrap?事后看来,这些似乎是为了构建Bootstrap文档(在那里有一大堆Jekyll废话,我只是在沟通)。是否有一个“干净”的Bootstrap版本是为了想要自定义Bootstrap没有文档的人?

解决方法

我发起了一个bug,得到了 this response

We’re not separating the docs into another repo because it makes it much more painful/difficult to keep them up-to-date with changes to the code.

相当可怜的海事组织,但这不是我的项目管理。经过一个小时的询问后,我结合了前两个选项。我将以下内容添加到bootstrap的最后一行:

@import "theme.less";

为了使这项工作成为现实,需要进行几次改动:

>清理Gruntfile以停止构建单独的主题
>删除从theme.less文件顶部导入的引导(如果没有,会导致循环)

但是输出是按需要的。一个fat bootstrap.css文件和一个稍微苗条的bootstrap.min.css文件

我仍然不觉得黑客整个构建过程是使用Bootstrap作为起始主题的非常可持续的方法。非常开放更好的解决方案。

在另一个项目中,我倾销了最终的导入,我只是在bootstrap中完成所有的工作。当然,顶部有50行,这是一个样板输入的负载,但这意味着我不会在文件之间跳转几乎一样多。我知道一直在包括什么。

我也删除了咕噜声,并用自己的织物解决方案,已经在我现有的工作流程中使用。一如以往,您的里程可能会有所不同。你不是我

猜你在找的CSS相关文章