مشكلة في عرض ترقيم الصفحات pagination في لارافيل؟

قمت بعمل مشروع لارافيل Laravel جديد لعمل مدونة بسيطة وعندما حاولت عرض ترقيم للصفحات والمنشورات لم يعمل الترقيم وكان يظهر بدون تنسيق style

قمت بكتابة الكود التالي:

@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 class="d-felx justify-content-center">
{{ $posts->links() }}
</div>

وقمت بالتأكد من إستخدام التابع paginate في المتحكم controller على النحو التالي:

public function index()
{
    $posts = Posts::latest()->paginate(10);
    return view('post.index', compact('posts'));
}

ما هي المشكلة هنا، وكيف أقوم بحلها؟

لدي لارافيل الإصدار 8