شرح صفوف ومحتوى الفقرة
- كلاس active يضاف الى عنصر <li> ويستخدم لاعطاء خلفية لهذا الزر لتمييزه عن باقي الازرار.
- لتعطيل الازرار الموجودة في pagination نقوم باضافة كلاس disabled داخل عنصر <li>, فيصبح الزر غير قابلا للضغط عليه.
Pagination Active State
استخدام كلاس active لتمييز احد الازرار في pagination.
HTML
<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 active"><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>Pagination Disabled State
استخدام كلاس disabled لايقاف تشغيل احد الازرار في pagination.
HTML
<ul class="pagination">
<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>