css – 如何在不丢失更改的情况下自定义Bootstrap？

我正在使用Bower管理Bootstrap,并希望对默认的Bootstrap外观进行一些更改(颜色,字体大小等).这是我的工作流程：

>编辑bower_components / bootstrap / less / variables.less
>使用grunt构建重新编译引导程序

问题是我希望能够在新版本发布时升级引导程序,并且我可能会丢失对变量的更改.

有没有办法可以将我的更改保留在bower_components之外,并避免在源控制中使用bower_components,因为它是122MB？

你可以创建一个variables-custom.less并将其导入到theme.less中,如下所示：

//
// Load core variables and mixins
// --------------------------------------------------

@import "variables.less";
//import custom-variables after variables so the values will override.
@import "custom-variables.less"; //only has variables that have changed.
@import "mixins.less";

IMO这比第一个解决方案好一点,因为您不必在客户端上加载两个(几乎)相同的CSS文件.

对不起,我不能帮助你解决关于Bower和你的源代码控制的问题,因为我不使用Bower