Я пытался сделать нумерацию страниц в созданной мною CMS (финальный проект). по какой-то причине количество страниц (как показано в нумерации страниц) вертикально вставлено горизонтально.
когда я попытался поместить {{$products->links()}} (метод разбиения на страницы) внутри контейнера div, он испортил весь CSS страницы (перевернув продукты далеко до точки, которую нужно прокрутить).
все, что я пробовал, в том числе display:inline, max-height:15px, width-max:100 (чтобы продукты не переместились в крайнее правое положение) и, конечно, разные позиции для всего div не помогли.
вот код для всей страницы:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<body>
<div class="row">
<div class="span9">
<div class="content">
<div class="module message">
<div class="module-head">
<span class=" add-menu">
<a href="{{ url('cms/categories/create') }}" class="btn btn-primary"><i class="fas fa-plus-circle"></i> Add Products</a>
</span>
</div>
<div class="module-body table">
<table class="table table-message">
<thead>
<tr class="heading">
<th>#</th>
<th>Product</th>
<th>Image</th>
<th> Operations</th>
</tr>
</thead>
<tbody>
@foreach ($products as $item)
<tr class="table-items">
<td>{{ $item['id'] }}</td>
<td>{{ $item['ptitle'] }}</td>
<td><img src="{{ asset('images/products/' . $item['pimage']) }}"></td>
<td>
<a class="btn btn-small btn-primary menu-operations" href="{{ url('cms/products/' . $item['id'] . '/edit') }}"><i class="fas fa-edit"></i> Edit</a> |
<a class="btn btn-small btn-danger menu-operations" href="{{ url('cms/products/' . $item['id']) }}"><i class="far fa-trash-alt"></i> Delete</a>
</td>
</tr>
@endforeach
<tr>
<td>
<div class="restrian">
<div class="col-3">
<div class="pagination cms-products-pagination">
{{$products->links()}}
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--/.content-->
</div>
</div>
<!--/.span9-->
</div>
