Nie pokazano siatki rynny UIkit - html, css, grid-layout, getuikit

Ostatnio wypróbowałem UIkit, ale wciąż jest dla mnie bardzo nowy. Nie mogłem zmusić siatek do pracy zgodnie z oczekiwaniami, nawet po długim czasie i przeszukuje google.

Rynny siatkowe nie istnieją.

To jest uproszczony kod.

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

To jest migawka wyniku.

Czy jest coś oczywistego, czego mi brakuje?

Proszę, prowadź mnie. Z góry dziękuję.

Odpowiedzi:

Nie umieszczaj klas paneli na kolumnach, dodaj kolejne div wewnątrz kolumny 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>

Powyższy przykład pochodzi z dokumentów.