Bootstrap row class for every 3 columns

Question

i want to print 12 articles with pagers using bootstrap 3 theming:

@foreach($category->articles()->orderBy('created_at', 'DESC')->paginate(12) as $article)

<div class="col-md-4">
<a href="/article/{{ $article->slug }}"><img class="img-responsive" src="/imagecache/mainart/{{ $article->image }}" /></a>
<p>{{ strip_tags(str_limit($article->body, $limit = 90, $end = '...')) }}</p>
</div><!--/col-md-4-->

@endforeach

However, i need to print div with class "row" with 3 columns inside.

array_chunk()

won't work in my case, because i am printing category related articles (one to many relationship) and it's object, not array.

Answer 1

You have two options.

1. Use array_chunk() by converting your results to an array first
2. Use a custom function break_array() which allows you to do the same thing as array_chunk() but on objects

Option 1:

@foreach (array_chunk($category->articles()->orderBy('created_at', 'DESC')->paginate(12)->toArray()['data'], 3, true) as $column)
      <div class="row">
          @foreach ($column as $article)
              <div class="col-md-4">
                  <p>{{ strip_tags(str_limit($article['body'], $limit = 90, $end = '...')) }}</p>
              </div
          @endforeach
      </div>
@endforeach

Option 2:

Place this in a helper function somewhere in your application:

function break_array($array, $page_size) {

  $arrays = array();
  $i = 0;

  foreach ($array as $index => $item) {
    if ($i++ % $page_size == 0) {
      $arrays[] = array();
      $current = & $arrays[count($arrays)-1];
    }
    $current[] = $item;
  }

  return $arrays; 
}

Then in your view:

@foreach (break_array($category->articles()->orderBy('created_at', 'DESC')->paginate(12), 3) as $column)
      <div class="row">
          @foreach ($column as $article)
              <div class="col-md-4">
                  <p>{{ strip_tags(str_limit($article->body, $limit = 90, $end = '...')) }}</p>
              </div
          @endforeach
      </div>
@endforeach