انتقل إلى محتوى الدرس

BootStrap Pagination Sizing تغيير حجم فهرس الصفحات في bootstrap

ستتعلم في هذا الدرس عمل pagination وهو ترقيم الصفحات او فهرس الصفحات داخل صفحة للتنقل بينهم بشكل اسهل عن طريق bootstrap.

1 صفوف تعليمية
Bootstrap
2,455 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يمكن استخدام كلاس pagination-lg بجانب كلاس pagination داخل عنصر <ul> لتكبير حجم الازرار, ولتصغير الحجم يمكن استخدام كلاس pagination-sm.  

Pagination Sizing

تكبير وتصغير حجم pagination.

HTML
<ul class="pagination pagination-lg">
   <li class="page-item"><a class="page-link" href="#">Previous</a></li>
</ul>
<!-- Default -->
<ul class="pagination pagination">
   <li class="page-item"><a class="page-link" href="#">Previous</a></li>
</ul>
<ul class="pagination pagination-sm">
   <li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>