Why Laravel Paginator not works properly on front-end?

I'm working with a Laravel system, and i'm using the Paginator. This functionality works perfectly, but in front-end, happens a conflit that i don't know how to fix it. When i resize to mobile phone mode (toggle device toolbar), the pagination exceed the table that i create. Like the image below.

I pretend to centering this pagination together the table. I put a simple example of my code in bootply. But have only a button to simulate the pagination. In Laravel i use this code to put this pagination.

    <nav class="nav justify-content-center">
        <ul class="pagination p-4 justify-content-center" >
            <li>
                
            </li>
        </ul>                    
    </nav>

Anyone Can help-me to fix this problem, adjusting the pagination with table and use the bootstrap 4 turning into responsive mode? Why this problem happens?

via Chebli Mohamed