css - 为什么 Twitter Bootstrap 对样式的变体有重复的类名？

Question

Bootstrap 类非常重复:

<a class="btn btn-large btn-block btn-primary">Simple button</a>

不能将 CSS 重写为:

.btn { /* CSS for btn */ }

.primary.btn { /* primary btn css */ }


.block.btn { /* block btn css */ }

/* etc... */

然后对于同一个按钮:

<a class="large primary block btn">Simple button</a>

这对我来说读起来好多了，仍然遵守 OOCSS [1]，并且是 DRYer。

我确定 BS 使用此约定是有充分理由的 - 谁能启发我？

[1] Why does Twitter Bootstrap require multiple classes for buttons?

Answer 1

我想我读到 Bootstrap 正在阻止自己使用现有元素中可能存在的通用命名类。

例如，拥有一个 .success 类在框架中被视为危险的，因为它很可能会被用作自定义类。 .btn-success 不太可能发生冲突。

但是，Bootstrap 也与此相矛盾:他们有一个 .active 类，在我看来这是一个非常常见的类名。

我更喜欢有更多可组合的类名，它还没有真正困扰我。但我不是在制作成千上万人使用的框架，所以我知道什么!