除了Bourbon和它的Neat（网格框架），我还安装了Bitters，以便有一些简单的预定义外观。然而，我很难覆盖Bitters中定义的样式。下面是一个例子。
默认情况下，所有输入文本字段都设置为width:100%。我有一个表单，我希望输入字段的宽度为6列。我不能写这个：
.foo {
@include span-columns(6);
}
因为这将被CCD_ 2规则过度规则化。我可以通过将字段封装在上面类的另一个div中来解决这个问题。
有更好的方法吗？我不想仅仅因为我不能覆盖规则而添加div。
我认为Bitters是你应该改变的东西。它与Bourbon/Neart不同，因为它已经为您提供了一些CSS，我相信它的构建并不是为了可扩展，而是为了重复使用。换句话说，根据需要安装和更改它。如果你不需要你的输入是100%，只需删除它。
我在按钮方面遇到了问题，因为Bitters的默认按钮和Bourbon创建的自定义按钮看起来不一样，所以不得不删除Bitters按钮。另一个问题是在一行中对齐标签和输入，等等。从那以后，我只使用Bitters作为初始层，根据需要进行更改。