logo

[ELMA4] Колонки

table-form-column класс для создания колонки.

table-form-columns-wrapper класс-контейнер для колонок. В зависимости от текущего размера окна перестраивает колонки так, чтобы они занимали равное место на экране.

//Двух колоночная система
<div class="table-form-columns-wrapper">
    <div class="table-form-column">
        //some-code
    </div>
    <div class="table-form-column">
        //some-code
    </div>
</div>

Независимо от количества колонок, при малой ширине экрана или в мобильной версии все колонки будут отображаться в одну колонку.

Пример отображения колонок представлен на рисунке.