Laravel 项目中 AdminLTE 和 Bootstrap 分页按钮中不需要的 SVG 图标

Question

我在 Laravel 项目中使用 AdminLTE 和 Bootstrap，并且遇到了 SVG 图标（左箭头和右箭头）出现在我的分页按钮中的问题。这些 SVG 图标似乎与 AdminLTE 演示中显示的默认分页按钮不同。

这是我到目前为止所做的：

1. 我正在使用 Laravel 的分页，将其显示在我的 Blade 文件中

{{ $distributorStock->links() }}

<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>

• 分页呈现，但里面有意外的 SVG 图标 “上一个”和“下一个”按钮。
• 我已经检查了 bootstrap-4 分页模板，但是 SVG 图标 仍然出现。

我尝试过的：

• 检查了我的 CSS 以确保没有自定义样式强制 SVG 图标出现。
• 尝试删除带有 display: none CSS 的 SVG 图标，但它只是 隐藏它们而不解决根本问题。

我的问题：有什么方法可以防止这些 SVG 图标出现在 AdminLTE 的分页按钮中？如何确保我的分页按钮看起来像没有 SVG 图标的默认 AdminLTE 分页？

任何有关如何解决此问题的建议将不胜感激！

[我正在谈论这个CSS][1]

在此输入图片描述

Answer 1

我得到了答案 使用

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

Cmd 创建用于分页的引导供应商文件，然后我更改了

            <!-- <div class="mt-4">
                {{ $distributorStock->links() }}
            </div> -->
        </div>

代码至 这个

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

  {{ $distributorStock->links('vendor.pagination.bootstrap-4') }}[then i get this  output ][1]