صفحه بندی در Bootstrap 4

در اين مطلب از سايت ميرممد با صفحه بندی در بوتسترپ نسخه چهار كار خواهيم كرد.نمونه کد pagination در بوتسترپ 4 :

<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>

خروجی کد بالا :

• Previous
• 1
• 2
• 3
• Next

فقط کافیه کلاس های سبز رنگ در کد بالا رو به لیستمون بدیم.

میرممد صفحه بندی منبع