Zurb Foundation 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类添加到每个单元格，而不是中号4

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