Demo of disable enable active of link of Pagination with boostrap 4 classes

Clik these buttons to change the enable / disable /active status of Link for page 2

<nav aria-label='Demo of disable enable of paging  links'>
  lt;ul class='pagination pagination-lg'>
    <li class='page-item'>
      <a class='page-link' href='#' aria-label='Previous'>
        <span aria-hidden='true'>«</span>
        <span class='sr-only'>Previous</span>
      </a>
    </li>
    <li class='page-item'><a class='page-link' href='#'>1</a></li>
    <li class='page-item' id=p1><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>
      </a>
    </li>
  </ul>
</nav>