Codeigniter 3 pagination class with bootstrap 4
The best. You have tried many, but this one is the one that best fit the page.
// Bootstrap 4, work very fine.$config['full_tag_open'] = '<ul class="pagination">';$config['full_tag_close'] = '</ul>';$config['attributes'] = ['class' => 'page-link'];$config['first_link'] = false;$config['last_link'] = false;$config['first_tag_open'] = '<li class="page-item">';$config['first_tag_close'] = '</li>';$config['prev_link'] = '«';$config['prev_tag_open'] = '<li class="page-item">';$config['prev_tag_close'] = '</li>';$config['next_link'] = '»';$config['next_tag_open'] = '<li class="page-item">';$config['next_tag_close'] = '</li>';$config['last_tag_open'] = '<li class="page-item">';$config['last_tag_close'] = '</li>';$config['cur_tag_open'] = '<li class="page-item active"><a href="#" class="page-link">';$config['cur_tag_close'] = '<span class="sr-only">(current)</span></a></li>';$config['num_tag_open'] = '<li class="page-item">';$config['num_tag_close'] = '</li>';
The code you added belongs to Bootstrap-3. Try this
$config['full_tag_open'] = '<ul class="pagination">';$config['full_tag_close'] = '</ul>';$config['first_link'] = false;$config['last_link'] = false;$config['first_tag_open'] = '<li class="page-item">';$config['first_tag_close'] = '</li>';$config['prev_link'] = '«';$config['prev_tag_open'] = '<li class="page-item prev">';$config['prev_tag_close'] = '</li>';$config['next_link'] = '»';$config['next_tag_open'] = '<liclass="page-item">';$config['next_tag_close'] = '</li>';$config['last_tag_open'] = '<liclass="page-item">';$config['last_tag_close'] = '</li>';$config['cur_tag_open'] = '<li class="page-item active"><a class="page-link">';$config['cur_tag_close'] = '</a></li>';$config['num_tag_open'] = '<li class="page-item">';$config['num_tag_close'] = '</li>';
This works for me
// Bootstrap 4 Pagination fix $config['full_tag_open'] = '<div class="pagging text-center"><nav><ul class="pagination">'; $config['full_tag_close'] = '</ul></nav></div>'; $config['num_tag_open'] = '<li class="page-item"><span class="page-link">'; $config['num_tag_close'] = '</span></li>'; $config['cur_tag_open'] = '<li class="page-item active"><span class="page-link">'; $config['cur_tag_close'] = '<span class="sr-only">(current)</span></span></li>'; $config['next_tag_open'] = '<li class="page-item"><span class="page-link">'; $config['next_tag_close'] = '<span aria-hidden="true"></span></span></li>'; // $config['next_tag_close'] = '<span aria-hidden="true">ยป</span></span></li>'; $config['prev_tag_open'] = '<li class="page-item"><span class="page-link">'; $config['prev_tag_close'] = '</span></li>'; $config['first_tag_open'] = '<li class="page-item"><span class="page-link">'; $config['first_tag_close'] = '</span></li>'; $config['last_tag_open'] = '<li class="page-item"><span class="page-link">'; $config['last_tag_close'] = '</span></li>';