CODEWITHSUNDEEP
phpcsstwitter-bootstrapcodeigniterpagination
ravi
ravi

Reputation: 1220

Bootstrap pagination style is not applied to code

I am developing site in codeigniter and using pagination library i set up pagination...

But Bootstrap class is not applied to that pagination so pagination is looking messy.. I am not having any error though...

I also have linked a bootstrap file (Because it's not showing error in console).. I also tried bootstrap CDN.. but still it's not working.. can anyone show me what i am missing...

this is the website: => http://dev.cctvbuzz.com

and this is the code..

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

Upvotes: 2

Views: 5283

Answers (1)

Pravin Vavadiya
Pravin Vavadiya

Reputation: 3207

try to something like this. Add the following css rules.

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

Or something like this. add .pagination class in ul

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

Upvotes: 1

Related Questions