Php 如何使用缩略图bootstrap3每页显示36幅图像？

我希望使用缩略图每页显示36幅图像，在我的示例中，它显示12幅图像，其他未设置的图像，如照片中所示：

AnnoncesController.php

public function index()
    {
        $categories     = Category::all();
        $annonces       = Annonce::all();
                
        return view('annonces.index')->with([
            'categories'     => $categories,
            'annonces'       => $annonces,
        ]);
    }

 <div class="row mix-grid thumbnails">
                        @foreach($annonces as $annonce)
                            <div class="col-md-3 col-xs-3 mix {{ $annonce->category->slug }} cat_all">
                                <a class="thumbnail-item">
                                    <img src="{{ asset('storage/'.$annonce->image) }}" alt="Nature 1"  />
                                    <div class="thumbnail-info">
                                        <p>Curabitur ut lorem id tellus malesuada tincidunt et eget purus</p>
                                        <button class="btn btn-primary"><span class="fa fa-link"></span></button>
                                        <button class="btn btn-primary"><span class="fa fa-eye"></span></button>
                                    </div>
                                </a>
                                <div class="thumbnail-data">
                                    <h5>{{ $annonce->titre }}</h5>
                                    <p>{!! $annonce->description !!} plus details...</p>
                                </div>                                
                            </div>
                        @endforeach
                        </div>

index.blade.php

public function index()
    {
        $categories     = Category::all();
        $annonces       = Annonce::all();
                
        return view('annonces.index')->with([
            'categories'     => $categories,
            'annonces'       => $annonces,
        ]);
    }

 <div class="row mix-grid thumbnails">
                        @foreach($annonces as $annonce)
                            <div class="col-md-3 col-xs-3 mix {{ $annonce->category->slug }} cat_all">
                                <a class="thumbnail-item">
                                    <img src="{{ asset('storage/'.$annonce->image) }}" alt="Nature 1"  />
                                    <div class="thumbnail-info">
                                        <p>Curabitur ut lorem id tellus malesuada tincidunt et eget purus</p>
                                        <button class="btn btn-primary"><span class="fa fa-link"></span></button>
                                        <button class="btn btn-primary"><span class="fa fa-eye"></span></button>
                                    </div>
                                </a>
                                <div class="thumbnail-data">
                                    <h5>{{ $annonce->titre }}</h5>
                                    <p>{!! $annonce->description !!} plus details...</p>
                                </div>                                
                            </div>
                        @endforeach
                        </div>

@foreach（$annonces作为$annonce）
图像）}}“alt=”Nature 1“/>
这是一个很好的例子

{{$annonce->titre}
{！！$annonce->description！！}以及详细信息

@endforeach

对项目进行分页有几种方法。最简单的方法是在或上使用

paginate

方法。

paginate

方法根据用户查看的当前页面自动设置适当的限制和偏移量。默认情况下，当前

页面

由HTTP请求上的页面查询字符串参数。此值由Laravel自动检测，并自动插入到分页器生成的链接中

在本例中，传递给

paginate

方法的唯一参数是希望“每页”显示的项目数。在本例中，让我们指定希望每页显示

36个项目：

public function index()
{
    $annonces = Annonce::paginate(36);
            
    return view('annonces.index')->with([
        'annonces'       => $annonces,
    ]);
}

显示分页结果

调用
paginate
方法时，您将收到
illighte\Pagination\lengtashareapaginator
的实例。调用
simplePaginate
方法时，您将收到
illighte\Pagination\Paginator
的实例。这些对象提供了几种描述结果集的方法。此外对于这些helpers方法，paginator实例是迭代器，可以作为数组循环。因此，一旦检索到结果，您可以使用Blade显示结果并呈现页面链接：

<div class="container">
    @foreach ($annonces as $annonce)
        {{ $annonce->titre }}
    @endforeach
</div>

{{ $annonces->links() }}


@foreach（$annonces作为$annonce）
{{$annonce->titre}
@endforeach
{{$annonces->links（）}

links方法将把
链接
呈现给结果集中的其余页面。这些链接中的每一个都将包含正确的
页面
查询字符串变量。请记住，由
链接
方法生成的HTML与引导CSS框架兼容。
第一位置12缩略图图像显示实际上，但图像13和14显示不正确