Laravel5.5 升级 Bootstrap 4 分页样式问题

最近项目中使用 Laravel5.5 版本，然后我升级 bootstrap 为4.0 的版本，然后就遇到了一个问题。分页样式乱套了。

先看 使用 laravel $paginator->links() 生成分页的样式

<ul class="pagination">
    <li class="disabled">
        <span>«</span>
    </li>
    <li class="active">
        <span>1</span>
    </li> 
    <li>
        <a href="http://laravelcode.test?page=2">2</a>
    </li> 
    <li>
        <a href="http://laravelcode.test?page=2" rel="next">»</a>
    </li>
</ul>

然后我们再看 bootstrap 4.0 的分页样式

<ul class="pagination">
    <li class="page-item disabled">
        <span class="page-link">«</span>
    </li>
    <li class="page-item active">
        <span class="page-link">1</span>
    </li> 
    <li class="page-item">
        <a href="http://laravelcode.test?page=2" class="page-link">2</a>
    </li> 
    <li class="page-item">
        <a href="http://laravelcode.test?page=2" rel="next" class="page-link">»</a>
    </li>
</ul>

对比两个样式，其实 “罪魁祸首” 就是 b4 为 li>a 添加了一个page-link 的 class

所以搜索了一番，解决办法如下：

php artisan vendor:publish --tag=laravel-pagination

blade 模板中使用分页：

{!! $paginator->links('vendor.pagination.bootstrap-4') !!}

接着，就没问题了。

其实，我是搬运工： 搜索链接在此 Laravel整合Bootstrap 4的完整方案(推荐)

我把链接标题改成文章标题了，因为，作者还介绍了如何升级 b4。 clap: :clap: :clap: