Question

除了Bourbon和它的Neat（网格框架）之外，我还安装了Bitters，以便有一些简单的预定义外观。但是，我在覆盖Bitters中定义的样式时遇到问题。这是一个例子。

默认情况下，所有输入文本字段都设置为width:100%。我有一个表单，我希望输入字段为例如6列宽。我无法写下这个：

.foo {
    @include span-columns(6);
}

因为这将超过100%规则。我可以通过将字段包装在上面的类的另一个div中来解决这个问题。

还有更好的方法吗？我不想因为我无法覆盖规则而添加div。

Answer 1

我认为Bitters是你应该改变的东西。它与Bourbon / Neat不同，因为它已经为你提供了一些CSS，而且我认为它不是可扩展的构建，而是可以重复使用。换句话说，安装它并根据需要进行更改。如果您不需要100％输入，只需删除它。

我遇到了问题，例如按钮，因为来自Bitters的默认按钮和Bourbon创建的自定义按钮看起来不一样，所以不得不删除Bitters按钮。另一个问题是将标签和输入对齐在一行等等。从那以后我只使用Bitters作为初始层，我根据需要进行更改。