Uikit3 layout examples?

Question

UIkit

I understand with Uikit3 and I don’t smoke how the grid is built there.
Who made up, throw a link to your work.
How to make a 12 column grid?

Answer 1

This is not a simple bootstrap for you)
The guys from YOOtheme are taking the framework to a new level ^ ^
A UIKIT grid can be made using different components. If for example you need to make 12 columns, then you can use the width component
example > https://codepen.io/AxeLVaisper/pen/PBoWjq

<div class="[email protected] uk-text-center uk-grid-collapse" uk-grid>
    <div>
        <div class="uk-tile">1</div>
    </div>
    <div>
        <div class="uk-tile">2</div>
    </div>
    <div>
        <div class="uk-tile">3</div>
    </div>
      <div>
        <div class="uk-tile">4</div>
    </div>
    <div>
        <div class="uk-tile">5</div>
    </div>
    <div>
        <div class="uk-tile">6</div>
    </div>
      <div>
        <div class="uk-tile">7</div>
    </div>
    <div>
        <div class="uk-tile">8</div>
    </div>
    <div>
        <div class="uk-tile">9</div>
    </div>
      <div>
        <div class="uk-tile">10</div>
    </div>
    <div>
        <div class="uk-tile">11</div>
    </div>
    <div>
        <div class="uk-tile">12</div>
    </div>
</div>

with a similar approach , UIKIT will give the child divs a
proportional width > https://github.com/AlekVolsk/uikit-ex Created additional classes .. for some reason) Which are most often not used in practice

Answer 2

In UiKit 3, the grid was made 6-column.