Показать элемент div в две строки по 4 элемента в строке

Question

Я динамически играю на четырех bootstrap картах с foreach l oop в asp. net core mvc. Проблема в том, что у меня есть основной div, который оборачивает два элемента в столбец.

Мой код выглядит следующим образом:

        @{
            int count = 0;

            foreach (var item in Model)
            {

                    <div class="statistics col-lg-3 col-12">

                    <div class="statistic d-flex align-items-center bg-white has-shadow">
                        <div class="icon bg-green"><i class="fa fa-clock-o"></i></div>
                        <div class="text"><strong>@item.ApplicationName</strong><br><small>@item.ApplicationDescription</small></div>
                    </div>
}

В состоянии c html, div расположены так:

<div class="statistics col-lg-3 col-12">
                <div class="statistic d-flex align-items-center bg-white has-shadow">
                    <div class="icon bg-red"><i class="fa fa-clock-o"></i></div>
                    <div class="text"><strong>SPRES</strong><br><small>Track your time</small></div>
                </div>
                <div class="statistic d-flex align-items-center bg-white has-shadow">
                    <div class="icon bg-blue"><i class="fa fa-calendar-o"></i></div>
                    <div class="text"><strong>LMS</strong><br><small>Plan your leaves</small></div>
                </div>

            </div>

Отсюда и получается столбец.

Из моего л oop у меня 8 предметов.

Я хочу обернуть его следующим образом:

Item1 Item3 Item5 Item7
Item2 Item4 Item6 Item8 

и если l oop содержит больше элементов, чем восемь элементов (например, я хочу только четыре элемента подряд, если это далее, продолжайте в другом ряду), продолжайте в новом ряду. Как мне добиться этого логика c в asp. net / c#? Пожалуйста, помогите