通过更改源或覆盖来修改Bootstrap

时间:2015-11-17 12:52:34

标签: css twitter-bootstrap

我正在使用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
}

我认为这不仅是一个偏好问题,也是一个最佳实践问题。有没有人试过这两种方式,可以用一种方式讲述问题?

1 个答案:

答案 0 :(得分:3)

最佳做法是从不更改库。如果我们想要进行自定义,请改写。想想如果我们想要将库升级到新版本会发生什么(所有更改都会丢失)

如果你使用bootstrap,你可以在很多地方进行自定义:变量,用更多特定选择器覆盖样式,......