Yootheme Pro使用网格功能，并引用动态内容时，怎么使用网格堆栈效果？

Yooheme的Widgetkit组件，其中有一个功能叫“Grid Stack”。简单来说，就是分单双行，单行左图右文，双行左文右图，这样交叉排版。

后来Yooheme推出了自家的Page Builder，也就是Yootheme Pro，Yootheme Pro基本能实现Widgetkit的所有功能，所以一般也不再单独安装Widgetkit。

尤其是Yootheme Pro增加了Dynamic Content（动态内容）后，就更加方便了；很多时候我们要使用Dynamic Content，都会使用GRID这个功能，但用多了，又感觉过于单一，希望有“Grid Stack”的效果。

使用定义的CSS可以实现，可以这样：

  .el-element > .uk-grid > div:nth-child(odd) .el-item > .uk-grid {
  flex-direction: row-reverse; 
  }

  .el-element > .uk-grid > div:nth-child(odd) .el-item > .uk-grid > div:first-child {
  text-align: right;
  }

也可以这样：

  .el-element > .uk-grid > div:nth-child(even) .el-item > .uk-grid {
  flex-direction: row-reverse;
  }

  .el-element > .uk-grid > div:nth-child(even) .el-item > .uk-grid > div:first-child {
  text-align: right;
  }