UIKit网格装订线修改器不起作用

Question

我正在与grids和cards一起显示某种带有说明的图片库，但是uikit - grid: gutter modifiers在使用uk-grid-medium类时无法按预期工作我的网格父级div，使我的画廊的元素粘合在一起。

下一个代码有什么问题吗？

<div class="uk-grid-medium uk-child-width-expand@m uk-padding-large" uk-grid>

      <div>
        <div class="uk-card uk-card-default uk-child-width-1-2" uk-grid>
          <div class="uk-card-media-left uk-cover-container">
            <img src="https://placehold.it/750x550" alt="" uk-cover>
            <canvas width="600" height="450"></canvas>
          </div>
          <div class="uk-card-body">
            <h3>Título</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
          </div>
        </div>
      </div>

      <div>
        <div class="uk-card uk-card-default uk-child-width-1-2" uk-grid>
          <div class="uk-card-media-left uk-cover-container">
            <img src="https://placehold.it/750x550" alt="" uk-cover>
            <canvas width="600" height="450"></canvas>
          </div>
          <div class="uk-card-body">
            <h3>Título</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
          </div>
        </div>
      </div>

      <div>
        <div class="uk-card uk-card-default uk-child-width-1-2" uk-grid>
          <div class="uk-card-media-left uk-cover-container">
            <img src="https://placehold.it/750x550" alt="" uk-cover>
            <canvas width="600" height="450"></canvas>
          </div>
          <div class="uk-card-body">
            <h3>Título</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
          </div>
        </div>
      </div>

    </div>