如何解决 laravel 8 UI 分页问题？

我在尝试最近发布的laravel 8时遇到了一个问题，我试图找出变化是什么以及它是如何工作的。当我这样做时，我遇到了分页laravel 8 UI变得凌乱的问题，不知何故发生了。有人可以帮助我吗？还是经历过同样的事情？

就像这样，我在laravel 8 Laravel 8分页UI中获得的视图

这是我使用的代码“Index.blade.php”

@extends('layouts.app')

@section('title', 'Post')

@section('contents')

    <div class="container">
        <div class="row">
            @foreach ($posts as $post)
                <div class="col-md-4 mb-4">
                    <div class="row">
                        <div class="card mb-4">
                            <div class="card-header">
                                {{ $post->title }}
                            </div>
                            <div class="card-body">
                                {{ $post->body }}
                            </div>
                            <div class="card-footer">
                                {{ $post->created_at->diffForHumans() }}
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="d-felx justify-content-center">

            {{ $posts->links() }}

        </div>
    </div>

@endsection

我用于后控制器的代码

<?php

namespace App\Http\Controllers;

use App\Models\Posts;
use Illuminate\Http\Request;

class PostsController extends Controller
{
    public function index()
    {
        $posts = Posts::latest()->paginate(6);
        // dd($post);
        return view('post.index', compact('posts'));
    }
}