Paginate bs

<nav aria-label="Page navigation example">
  <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>
</nav>

Source: getbootstrap.com

Paginate bs

// input 
$page, $limit

// output
$offset = (($page - 1) * $limit);
$limit  = $limit;

Paginate bs

Use the class .justify-content-center on the .pagination ul.

e.g. <ul class="pagination justify-content-center">

Source: stackoverflow.com

Paginate bs

<nav aria-label="Page navigation example">
  <ul class="pagination justify-content-center">
    <li class="page-item disabled">
      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">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>
</nav>

Source: getbootstrap.com

Similar codes

1 vote224 views1 answer
Add black above image css
CSS
0 vote244 views1 answer
Twig convert encoding
CSS
0 vote243 views1 answer
Alinhar componentes css
CSS
-1 vote258 views1 answer
How to remove default styling of a tag
CSS
0 vote248 views1 answer
How to make text transparent with stroke in css
CSS
0 vote241 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
2 votes263 views1 answer
Css set property with data attribute
CSS
17 votes248 views3 answers
Rotate image in css
CSS
0 vote232 views1 answer
How to make background color smaller css
CSS
0 vote240 views1 answer
Remove Title spacing
CSS