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]，而且比较干燥。
我确信 BS 使用此约定是有充分理由的 - 谁能启发我？
[1] Why does Twitter Bootstrap require multiple classes for buttons?
最佳答案
我想我读到 Bootstrap 正在阻止自己使用现有元素中可能存在的通用命名类。
例如，在框架中拥有 .success 类被视为危险的，因为它可能会被用作自定义类。 .btn-success 不太可能发生冲突。
然而，Bootstrap 也与此相矛盾:它们有一个 .active 类，在我看来，这是一个极其常见的类名。
我更喜欢有更多可组合的类名，但它还没有真正让我着迷。但我不是在制作一个供数千人使用的框架，所以我知道什么!
关于css - 为什么 Twitter Bootstrap 对于样式的变体具有重复的类名称？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18834397/