Zurb Foundation 6 柱中心不起作用

Question

我尝试在 Zurb Foundation 6 中将一列居中。

我正在使用以下默认类：small-6 small-centered columns，但在 ChromeDevTool 中，我注意到 .columns:last-child:not(:first-child) 的浮点数覆盖了.small-centered.columns 的浮点数。

当我插入多列时，一切正常，除了最后一列。 是基金会的bug吗？

JSFiddle

Answer 1

不，这不是 Foundation 中的错误，这是预期的行为。如果您查看http://foundation.zurb.com/sites/docs/grid.html#incomplete-rows，它会描述他们这样做的原因。

如果您想覆盖此行为，这很容易。只需添加此 css 即可覆盖浮动。

.columns:last-child:not(:first-child) {
  float:none;
}