UIkitグリッドのガターが表示されない

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> 

上記の例はドキュメントから取られている。