التمهيد ترقيم الصفحات

ترقيم الصفحات الأساسي

إذا كان لديك موقع ويب به الكثير من الصفحات ، فقد ترغب في إضافة نوع من ترقيم الصفحات إلى كل صفحة.

يبدو ترقيم الصفحات الأساسي في Bootstrap كما يلي:

• 1
• 2
• 3
• 4
• 5

لإنشاء ترقيم صفحات أساسي ، أضف .paginationالفئة إلى <ul>عنصر:

دولة نشطة

تظهر الحالة النشطة ما هي الصفحة الحالية:

• 1
• 2
• 3
• 4
• 5

أضف فصل .activeدراسي للسماح للمستخدم بمعرفة الصفحة التي يتواجد بها:

دولة معاقين

لا يمكن النقر فوق ارتباط معطل:

• 1
• 2
• 3
• 4
• 5

أضف فصلًا دراسيًا .disabledإذا تم تعطيل ارتباط لسبب ما:

تحجيم ترقيم الصفحات

يمكن أيضًا تغيير حجم كتل ترقيم الصفحات إلى حجم أكبر أو حجم أصغر:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

أضف فئة .pagination-lgللكتل الأكبر أو .pagination-smللكتل الأصغر:

فتات الخبز

شكل آخر لترقيم الصفحات هو فتات الخبز:

1. مسكن
2. نشر
3. الصور
4. عطلة

تشير .breadcrumbالفئة إلى موقع الصفحة الحالية داخل التسلسل الهرمي للتنقل:

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

إكمال مرجع تنقل Bootstrap

للحصول على مرجع كامل لجميع فئات التنقل ، انتقل إلى مرجع تنقل Bootstrap الكامل .