UIkit Grid gutter 未显示答案

【问题标题】：UIkit Grid gutter not shownUIkit Grid gutter 未显示
【发布时间】：2016-05-22 06:32:28
【问题描述】：

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

网格排水沟不存在。

这是简化的代码。

<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>

这是结果的快照。

我有什么明显的遗漏吗？

请指导我。提前致谢。

【问题讨论】：

标签： html css grid-layout getuikit

【解决方案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>

以上示例取自文档。

【讨论】：