我正在使用bootstrap处理更大项目的前端。我正在使用sass版本来轻松修改bootstrap,所以我想知道是否更好的做法是实际更改bootstrap的源代码(并且我的意思不仅仅是变量)或用单独的代码覆盖它。
说明我的意思:
SOURCE
.some-bootstrap {
rule-a: foo;
rule-b: bar;
}
CHANGE
.some-bootstrap {
rule-a: newstuff;
rule-new: dummy;
}
覆盖:
//in bootstrap
.some-bootstrap {
rule-a: foo;
rule-b: bar;
}
//in own file
.some-bootstrap {
rule-b: none;
rule-new: dummy
}
我认为这不仅是一个偏好问题,也是一个最佳实践问题。有没有人试过这两种方式,可以用一种方式讲述问题?
答案 0 :(得分:3)
最佳做法是从不更改库。如果我们想要进行自定义,请改写。想想如果我们想要将库升级到新版本会发生什么(所有更改都会丢失)
如果你使用bootstrap,你可以在很多地方进行自定义:变量,用更多特定选择器覆盖样式,......