Есть ли способ распределить данные по 4 столбцам слева направо в алфавитном порядке?

Question

[Илья]

Приветсвую всех!

Не могу сообразить, как распределить массив элементов "" по 4 столбцам равномерно (элементы заранее в массиве отсортированы в алфавитном порядке)

Обычный HTML список li:

<ul>
<li>Элемент 1</li>
<li>Элемент 2</li>
<li>Элемент 3</li>
<li>Элемент 4</li>
<li>Элемент 5</li>
<li>Элемент 6</li>
<li>Элемент 7</li>
... и так далее (кол-во элементов может меняться)
</ul>

<!-- 4 колонки -->
<div class="dropdown">
    <div class="row dd-grid">
        <div class="col-xs-3"></div>
        <div class="col-xs-3"></div>
        <div class="col-xs-3"></div>
        <div class="col-xs-3"></div>
    </div>
</div>

Есть JS:

var elements = $('ul > li');
elements.each(function(){
       // Тут каким-то образом определить в какую колонку (по каким номером) вставлять текущий элемент в цикле
})

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