php - Bootstrap 分页样式不适用于代码

标签 php css twitter-bootstrap codeigniter pagination

我在 codeigniter 中开发网站并使用分页库设置分页...

但 Bootstrap 类未应用于该分页,因此分页看起来很乱......不过我没有遇到任何错误......

我还链接了一个 Bootstrap 文件(因为它没有在控制台中显示错误)。我也尝试了 Bootstrap CDN。但它仍然无法正常工作。任何人都可以告诉我我缺少什么......

这是网站:=> http://dev.cctvbuzz.com

这是代码..

<div class="row">
  <div class="pagination">
    <ul>
      <li class="active"><a href="">1</a></li>
      <li class="page"><a href="http://dev.cctvbuzz.com/index.php/home/index/14" data-ci-pagination-page="2">2</a></li>
      <li class="page"><a href="http://dev.cctvbuzz.com/index.php/home/index/28" data-ci-pagination-page="3">3</a></li>
      <li class="page"><a href="http://dev.cctvbuzz.com/index.php/home/index/42" data-ci-pagination-page="4">4</a></li>
      <li class="next page"><a href="http://dev.cctvbuzz.com/index.php/home/index/14" data-ci-pagination-page="2" rel="next">Next →</a></li>
      <li class="next page"><a href="http://dev.cctvbuzz.com/index.php/home/index/322" data-ci-pagination-page="24">Last »</a></li>
    </ul>
  </div>
</div>

最佳答案

尝试这样的事情。 添加以下 css 规则。

li {
    float: left;
    list-style: outside none none;
    padding-left: 5px;
}

或者类似这样的东西。在 ul

中添加 .pagination
<ul class="pagination">
  ..... 
 </ul>

关于php - Bootstrap 分页样式不适用于代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40948408/

相关文章:

javascript - 如何设置 span background-color 以便它像在 div 中一样为整行背景着色(显示 : block; not an option)

javascript - Bootstrap 下拉菜单仅适用于主页(Joomla 3.0)

php - Laravel 4,困惑的 Eloquent 连接查询

php - 插入和选择排序比较和交换时间是否相等?

php - Zend Framework 中的引导模块特定样式/脚本

html - 如何在两个 Bootstrap 列上获得相同的高度?

html - Bootstrap 3 与 Bootstrap 4

php - 试图让电子邮件在 Laravel 5 中工作

php - 存储后是否必须释放 mysql 结果?

html - 使用按钮 onclick 固定事件