如何将默认 laravel 分页 css 类更改为主题 css 类？答案

【问题标题】：How can I change default laravel pagination css class to theme css class?如何将默认 laravel 分页 css 类更改为主题 css 类？
【发布时间】：2020-10-24 11:25:03
【问题描述】：

我想将我的 laravel 分页 css 更改为我的主题 css。怎么可能？谁能帮我解决这个问题？

这里是主题 css html

<div class="row mt-5">
    <div class="col text-center">
        <div class="block-27">
            <ul>
                <li><a href="#">&lt;</a></li>
                <li class="active"><span>1</span></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&gt;</a></li>
            </ul>
        </div>
    </div>
</div>

这是我的 laravel 分页，它保持默认的 css 类。

{{ $projects->appends(request()->except('page'))->links() }}

我也给图片在这里您可以看到主题和默认 css。我想把低一层改成上一层。请帮忙。

【问题讨论】：

标签： html css laravel laravel-blade

【解决方案1】：

确保以这种方式准备好分页视图，取决于您更改其默认样式

@if ($paginator->hasPages())
  <ul class="pagination">
    {{-- Previous Page Link --}}
    @if ($paginator->onFirstPage())
        <li class="disabled"><span>&laquo;</span></li>
    @else
        <li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">&laquo;</a></li>
    @endif

    {{-- Pagination Elements --}}
    @foreach ($elements as $element)
        {{-- "Three Dots" Separator --}}
        @if (is_string($element))
            <li class="disabled"><span>{{ $element }}</span></li>
        @endif

        {{-- Array Of Links --}}
        @if (is_array($element))
            @foreach ($element as $page => $url)
                @if ($page == $paginator->currentPage())
                    <li class="active"><span>{{ $page }}</span></li>
                @else
                    <li><a href="{{ $url }}">{{ $page }}</a></li>
                @endif
            @endforeach
        @endif
    @endforeach

    {{-- Next Page Link --}}
    @if ($paginator->hasMorePages())
        <li><a href="{{ $paginator->nextPageUrl() }}" rel="next">&raquo;</a></li>
    @else
        <li class="disabled"><span>&raquo;</span></li>
    @endif
  </ul>
@endif

将视图放在文件夹中并为其命名，然后

 {{ $projects->appends(request()->except('page'))->links('view_folder.view_name') }}

我希望它会起作用

【讨论】：