带引导程序4的Codeigniter 3分页类 [英] Codeigniter 3 pagination class with bootstrap 4

问题描述

Codeigniter 3是否与Bootstrap 4兼容?还是为bootstrap 4添加任何用途太过时了?

Is Codeigniter 3 compatible with Bootstrap 4? or is it simply way too outdated to add any uses for bootstrap 4?

我一直在在线学习有关如何将引导程序集成到Codeigniter分页中的教程.

I've been looking at tutorials online on how to integrate bootstrap to Codeigniter pagination.

到目前为止，我所看到的只是它们主要更改了分页类的$ config.例如:

So far all i've seen is that they mostly changed the $config of the pagination class. For example:

//config for bootstrap pagination class integration
$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>';
$config['first_tag_close'] = '</li>';
$config['prev_link'] = '&laquo';
$config['prev_tag_open'] = '<li class="prev">';
$config['prev_tag_close'] = '</li>';
$config['next_link'] = '&raquo';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
$config['last_tag_open'] = '<li>';
$config['last_tag_close'] = '</li>';
$config['cur_tag_open'] = '<li class="active"><a href="#">';
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';

我想在代码中进行清楚的划分.简而言之，我希望HTML中的PHP更少，而HTML中的HTML更多.

I wanted a clear divide in my codes. Simply, I wanted less PHP in my HTML and more HTML there.

这是w3school bootstrap 4教程中的分页代码段.

This is the Pagination code snippet in w3school bootstrap 4 tutorial.

<ul class="pagination">
  <li class="page-item"><a class="page-link" href="#">Previous</a></li>
  <li class="page-item"><a class="page-link" href="#">1</a></li>
  <li class="page-item"><a class="page-link" href="#">2</a></li>
  <li class="page-item"><a class="page-link" href="#">3</a></li>
  <li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>

如何将以上代码集成到我的分页类中?

How do I integrate the above code to my pagination class?

我是否必须按照上面的教程那样做?还是可以在HTML/视图页面中简单地使用foreach循环来创建链接，具体取决于数据库中的记录?

Do I have to do it the way the above tutorial did? or can I simply use a foreach loop in my HTML/view page to create the links depending on the records from the database?

推荐答案

您添加的代码属于Bootstrap-3.试试这个

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'] = '&laquo';
$config['prev_tag_open'] = '<li class="page-item prev">';
$config['prev_tag_close'] = '</li>';
$config['next_link'] = '&raquo';
$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>';

这篇关于带引导程序4的Codeigniter 3分页类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！