Zurb 基金会 6 右对齐不起作用

Question

Zurb Foundation 6 是否弃用了右对齐？

    <div class="grid-x grid-margin-x align-right">
      <div class="medium-4 cell">Our Content</div> 
      <div class="medium-4 cell">More Content j</div> 
    </div>

没有将单元格右对齐，

Answer 1

这里似乎按预期工作：https://codepen.io/rafibomb/pen/QzwGYO

如果你想让单元格缩小，你可以在每个单元格中添加 .shrink class 而不是 medium-4

确保在 app.scss 中启用了 XY 网格以及 @include foundation-flex-classes;