【问题标题】:Bootstrap 4 pagination not working correctly in Larave 8 [closed]Bootstrap 4 分页在 Laravel 8 中无法正常工作 [关闭]
【发布时间】:2021-02-10 00:23:28
【问题描述】:

分页不正常,箭头全错。 Bootstrap 4 的 CSS 在我的 HTML 表格的分页中没有应用。

在这里打印:https://prnt.sc/v82bfa

我的代码:

    <script src="{{ asset('js/app.js') }}" defer></script>
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" />

桌子:

 <table class="table">
        <thead>
            ...
        <thead>
        <tbody>
        @foreach ($products as $product)
        <tr>
            <th scope="row">{{ ++$i }}</td>
            <td>{{ $product->nome }}</td>
            <td>{{ $product->preco }}</td>
            <td>{{ $product->descricao }}</td>
            <td>
                ...
            </td>
        </tr>
        @endforeach
        <tbody>
    </table>

【问题讨论】:

  • “箭头全错”到底是什么意思?它们的样式不再正确吗?标记是否按预期生成?
  • 箭头很大而且不合适。

标签: php html css laravel bootstrap-4


【解决方案1】:

Laravel 在 Laravel 8 中放弃了 Bootstrap 分页的默认设置

如果你想使用 bootstrap 进行分页

你需要添加

use Illuminate\Pagination\Paginator;

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

在服务提供商中。

进入AppServiceProvider.php,在启动方法中添加Paginator::useBootstrap();

【讨论】:

猜你喜欢
  • 2018-04-24
  • 1970-01-01
  • 2016-07-18
  • 1970-01-01
  • 2021-05-23
  • 2021-07-26
  • 2019-08-08
  • 2020-01-09
  • 1970-01-01
相关资源
最近更新 更多