未显示 UIkit Grid 排水沟

Question

我最近一直在试用 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>

这是结果的快照。

有什么明显的我遗漏的东西吗？

请指导我。提前致谢。

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>

以上示例取自文档。

未显示 UIkit Grid 排水沟

UIkit Grid gutter not shown

html

css

grid-layout

getuikit