Zurb Foundation 5 - 在移动设备上冲洗

Question

我对 zurb 很陌生。我想要做的是有一个网格布局，在移动设备上网格与屏幕齐平。但是在“大网”上，两边都有填充。例如：

<div class="row">
  <div class="small-6 large-centered columns">6 centered</div>
</div>

会在大网的中间给我列，但是当我缩小时，div 不齐。

我想要实现的是： 有一个移动应用大小的页面，当展开所有元素时，对于大型网络，所有元素都会变得更大，并且在页面中间的 div 中居中，例如 1/3。 1/3。 1/3

Zurb 对此的最佳策略是什么？

Answer 1

@media (max-width: [your mobile breakpoint width]) {
    .row, .column, .columns {
        padding-left: 0; 
        padding-right: 0;
    }
}