Разделение данных Laravel / Api на 3 столбца

Question

Я новичок в Ларавеле. Я хочу отобразить данные в 3 столбца, и я не знаю, как это произошло. Пожалуйста, помогите мне. Спасибо ..

@foreach($chapters as $listOfChaper)
@foreach($listOfChaper as $data)
  <div class="surah-wrapper">
  <div class="row">
  <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
    <ul>
      <li>
        <a href="#">
          <div class="col-xs-2 text-muted"> {{ $data->chapter_number }}</div>
          <div class="col-xs-6 eng-text">{{ $data->name_complex }}</div>
          <div class="col-xs-4">
            <span class="text-arabic">{{ $data->name_arabic }}</span>
          </div>
          <div class="col-xs-10 col-xs-offset-2">
            <span class="eng-mean">{{ $data->translated_name->name }}</span>
          </div>
        </a>
      </li>                    
    </ul>
  </div>
  </div>
  </div>
@endforeach
@endforeach

Я хочу, чтобы мой вывод выглядел так:

Но мой фактический вывод приведенного выше кода здесь: