显示带有分页的 Bootstrap 4 卡片答案

【问题标题】：display Bootstrap 4 cards with pagination显示带有分页的 Bootstrap 4 卡片
【发布时间】：2020-02-05 01:15:47
【问题描述】：

我想将我的数据库内容显示为 Bootstrap Cards，我想添加一个分页，这样我可以一次显示 10 张卡片这是我想要的一个例子；（使用“拉拉维尔”）

【问题讨论】：

你能添加一些你目前拥有的代码吗？这样我们就可以利用您的资源开展工作？
那么你的问题是什么，或者你有什么尝试吗？？？？让我们看看

【解决方案1】：

这应该很简单。在您的 ProductController 中为您的产品分页

public function index()
{
    return view('products.index')->withProducts(Product::paginate(10));
}

在你看来

@foreach($products as $product)
    <div class="card" style="width: 18rem;">
        <img src="{{ asset('images/'.$product->image)}}" class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title">{{ $product->title }}</h5>
            <p class="card-text">{{ $product->description }}</p>
            <a href="{{ route('products.show', $product->id) }}" class="btn btn-primary">More details</a>
        </div>
   </div>
@endforeach

在页面的某个地方呈现分页链接

@if($products->count())
    <div class="row">
        <div class="col">
            {{ $products->links() }}
        </div>
    </div>
@endif

【讨论】：

感谢您的帮助