Flexbox

<div class="k-flexbox">
    ...
</div>

<div class="k-flexbox-column">
    ...
</div>

Do flex

Do flex item. Useful inside flexing containers on elements that have no pre-defined styling for flexbox

<div class="k-do-flex">
    ...
</div>

Don’t flex

Don’t flex item. Useful inside flexing containers on elements that have no pre-defined styling for flexbox

<div class="k-dont-flex">
    ...
</div>

Start at different breakpoints

<div class="k-flexbox-from-beta">
    ...
</div>

<div class="k-flexbox-from-charlie">
    ...
</div>

<div class="k-flexbox-column-from-beta">
    ...
</div>

<div class="k-flexbox-column-from-charlie">
    ...
</div>

<div class="k-do-flex-from-beta">
    ...
</div>

<div class="k-do-flex-from-charlie">
    ...
</div>

<div class="k-dont-flex-from-beta">
    ...
</div>

<div class="k-dont-flex-from-charlie">
    ...
</div>

Need Help?

Let our developers personally assist you. You can ask development related questions in our Support Center. Only for Business or Agency subscribers.