web-dev-qa-db-fra.com

Comment réparer laravel 8 problème de pagine UI?

J'ai eu un problème tout en essayant de sortir le relâché récemment laravel 8, j'essaie de savoir quels sont les changements et comment cela fonctionne. Quand j'ai fait que j'ai eu un problème avec le paginate = laravel 8 UI devient désordonné et c'est arrivé. Y a-t-il quelqu'un qui peut m'aider? Ou avoir vécu la même chose?

Comme si ceci, la vue que j'ai eue laravel 8 I de paginate Laravel 8

et c'est le code que j'utilise "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

le code que j'utilise pour postcontrôleur

<?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'));
    }
}
3
Habi nata

Utilisation de bootstrap

Laravel inclut des vues de pagination intégrées à l'aide de Bootstrap CSS. Pour utiliser ces vues au lieu des vues par défaut de l'attelage, vous pouvez appeler la méthode useBootstrap du paginateur dans la méthode boot de votre App\Providers\AppServiceProvider classer:

use Illuminate\Pagination\Paginator;

/**
 * Bootstrap any application services.
 *
 * @return void
 */
public function boot()
{
    Paginator::useBootstrap();
}

Cette instruction https://laravel.com/docs/8.x/pagination#Ouce-bootstrap devrait vous aider à ajouter une pagination et peut être affichée ..

0
Haron