Zurb基金会小推也适用于大型

Question

我正在使用zurb基础并添加small-push-1，但它也会影响大面板尺寸。

这是我的div结构：

<div class="expertise-panel large-5 medium-5 small-push-1 small-10 columns">
</div>

任何人都面临同样的问题..？

Answer 1

据我所知，你正试图将小柱放在中心位置。我认为您应该使用centered classes。

，而不是使用small-push-1

这会导致类似这样的事情：

<div class="expertise-panel small-10 small-centered medium-5 medium-uncentered columns">
</div>

另一种选择是使用offset classes，在这种情况下，你应该将'small-offset-1'和'medium-offset-0'添加到class属性。

请注意，您会自动从较小的类“继承”样式。没有必要写'large-5 medium-5'，因为medium-5和large-5都指定了41.66667％的宽度。因此，如果不添加large-5类，将使用中宽度类。

此行为也适用于中等级别的课程。因为我已经在专业人员面板中添加了中等大小，所以large / xlarge / xxlarge也会自动变为未被中断。