Laravel Pagination is showing weird arrows

Question

So I used simple Laravel pagination command of {{$posts->links()}} displaying 5 posts on one page. Laravel's pagination is doing its job but it is displaying weird arrows. Refer the image below and please if someone is willing to help can ask me for codes I will share them.

Answer 1

I put as an argument on the "links" method, a version of Bootstrap which works right:

$posts->links('pagination::bootstrap-4')

Answer 2

Here is official document that talk about it. You can check it

Inside AppServiceProvider

use Illuminate\Pagination\Paginator;

public function boot()
{
    Paginator::useBootstrap();
}

Doc: https://laravel.com/docs/8.x/pagination#using-bootstrap

Sample implementation: https://www.itsolutionstuff.com/index.php/post/laravel-8-pagination-example-tutorialexample.html

Answer 3

I found the answer to this question here: i used laravel pagination links, but i got big icos. < > call in tailwind css code

You need to add this line to tailwind.config.js under content:

 './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',