Желоб UIkit Grid не показан

Недавно я пробовал 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
person Sudhakar Pandey    schedule 16.05.2016    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Не помещайте классы панелей в столбцы, добавьте еще один 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>

Пример выше взят из документации.

person cssBlaster21895    schedule 21.05.2016