Question

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

但Bootstrap类没有应用于那个分页，所以分页看起来很乱......虽然我没有任何错误...

我也链接了一个bootstrap文件（因为它没有在控制台中显示错误）..我也尝试过bootstrap CDN ..但它仍然无法工作..任何人都可以告诉我我缺少的东西......

这是代码..

<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>

Answer 1

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

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

或类似的东西。在.pagination

中添加ul课程

<ul class="pagination">
  ..... 
 </ul>

Bootstrap分页样式不适用于代码

1 个答案: