UIkit Grid gutter未显示

时间:2016-05-16 03:32:54

标签: html css grid-layout getuikit

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

这是结果的快照。

enter image description here

有什么明显的东西我不见了吗?

请指导我。 提前谢谢。

1 个答案:

答案 0 :(得分:4)

不要将面板类放在列上,在列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>

上面的例子来自文档。