Demo of sizing of Pagination links with boostrap 4 classes

Clik these buttons to change the allignment class of navigation link items.


<nav aria-label='Demo of alignment of paging items or links'>
  <ul class='pagination' id=p1>
    <li class='page-item'>
      <a class='page-link' href='#' aria-label='Previous'>
        <span aria-hidden='true'>«</span>
        <span class='sr-only'>Previous</span>
    <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='#' aria-label='Next'>
        <span aria-hidden='true'>»</span>
        <span class='sr-only'>Next</span>