html - UIkit Grid gutter 未显示

Question

我最近一直在尝试 UIkit，但对它还是很陌生。即使经过大量时间和谷歌搜索，我也无法让网格按预期工作。

网格排水沟不存在。

这是简化的代码。

<div class="uk-container">
  <div class="uk-grid">
    <div class="uk-width-1-2 uk-panel uk-panel-box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum nulla impedit quaerat adipisci aliquid nam, nobis voluptatum incidunt maiores pariatur blanditiis laboriosam repellendus rem molestiae corporis recusandae tempore consequatur. Iure!</div>
    <div class="uk-width-1-2 uk-panel uk-panel-box">Vel illo molestiae excepturi provident aspernatur rerum explicabo inventore. Quam id sed cumque provident explicabo esse, quaerat laborum perferendis? Impedit explicabo deleniti veniam nostrum tempora reiciendis nam! Repellat, fugit, eum.</div>
  </div>
</div>

这是结果的快照。

我有什么明显的遗漏吗？

请指导我。提前致谢。

Answer 1

不要将面板类放在列上，在列 div 中添加另一个 div。

<div class="uk-container">
<div class="uk-grid">
    <div class="uk-width-medium-1-2">
        <div class="uk-panel">...</div>
    </div>
    <div class="uk-width-medium-1-2">
        <div class="uk-panel">...</div>
    </div>
</div>
</div>

上面的例子取自文档。