我最近一直在尝试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>
这是结果的快照。
有什么明显的东西我不见了吗?
请指导我。 提前谢谢。
答案 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>
上面的例子来自文档。