I can't get the paginate to be centered, but the "11111" is being displayed in the center:
@extends('layouts.header')
@section('content')
<style>
.pagination {
display: inline-flex;
margin: 0 auto;
}
</style>
<body class="body-scroll d-flex flex-column h-100 menu-overlay">
<!-- Begin page content -->
<main class="flex-shrink-0 main">
<!-- Fixed navbar -->
<header class="header">
<div class="row">
<div class="col-auto px-0">
<a href="/wallet">
<button class="menu-btn btn btn-40 btn-link back-btn" type="button">
<span class="material-icons">keyboard_arrow_left</span>
</button>
</a>
</div>
<div class="text-left col align-self-center">
<a class="navbar-brand" href="#">
<h5 class="mb-0">@lang('wallet.18')</h5>
</a>
</div>
</div>
</header>
<!-- page content start -->
<div class="main-container">
<div class="container">
<div class="card">
<div class="card-body px-0">
<ul class="list-group list-group-flush">
@foreach ($mod as $item)
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto pr-0">
@if($item->yongtu == '1')
<div class="avatar avatar-40 rounded-circle bg-red">
<i class="material-icons text-white">add_shopping_cart</i>
</div>
@elseif($item->yongtu == '2')
<div class="avatar avatar-40 rounded-circle bg-red">
<i class="material-icons text-white">monetization_on</i>
</div>
@else
<div class="avatar avatar-40 rounded-circle">
<div class="background">
<img src="/img/user3.png">
<img src="">
</div>
</div>
@endif
</div>
<div class="col align-self-center pr-0">
@if($item->yongtu == '1')
<h6 class="font-weight-normal mb-1">@lang('wallet.19')</h6>
@elseif($item->yongtu == '2')
<h6 class="font-weight-normal mb-1">@lang('wallet.20')</h6>
@else
<h6 class="font-weight-normal mb-1">@lang('wallet.21',['name'=>$item->duixiang])</h6>
@endif
<small class="small text-secondary"></small><br>
<small class="small text-secondary"></small>
</div>
@if($item->status == 'buy')
<div class="col-auto text-right">
<h6 class="text-warning">- </h6>
</div>
@else
<div class="col-auto text-right">
<h6 class="text-success">+ </h6>
</div>
@endif
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>
<div class="text-center">
11111
</div>
</div>
</main>
<!-- Required jquery and libraries -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- cookie js -->
<script src="js/jquery.cookie.js"></script>
<!-- Swiper slider js-->
<script src="vendor/swiper/js/swiper.min.js"></script>
<!-- Customized jquery file -->
<script src="js/main.js"></script>
<script src="js/color-scheme-demo.js"></script>
<!-- page level custom script -->
<script src="js/app.js"></script>
</body>
@endsection
Aucun commentaire:
Enregistrer un commentaire