علامة التبويب مؤسسة
إذا كان لديك الكثير من صفحات المحتوى، تحتاج إلى استخدام وظيفة الترقيم.
لخلق ميزة ترحيل الأساسية يتطلب <ul> على عنصر زائد .pagination فئات:
أمثلة
<لي> <a أ href = "#"> 1 </ أ> </ لى>
<لي> <a أ href = "#"> 2 </ أ> </ لى>
<لي> <a أ href = "#"> 3 </ أ> </ لى>
<لي> <a أ href = "#"> 4 </ أ> </ لى>
<لي> <a أ href = "#"> 5 </ أ> </ لى>
</ UL>
محاولة »
الصفحة الحالية
يمكنك <li> أضاف .current الدرجة بمناسبة الصفحة الحالية:
أمثلة
<الطبقة = "الحالي" لي> <a أ href = "#"> 1 </ أ> </ لى>
<لي> <a أ href = "#"> 2 </ أ> </ لى>
<لي> <a أ href = "#"> 3 </ أ> </ لى>
<لي> <a أ href = "#"> 4 </ أ> </ لى>
<لي> <a أ href = "#"> 5 </ أ> </ لى>
</ UL>
محاولة »
علامة التبويب تعطيل
إذا كنت بحاجة إلى إنشاء علامة التبويب التي لا نقر بحاجة .unavailable فئات:
أمثلة
<لي> <a أ href = "#"> 1 </ أ> </ لى>
<لي> <a أ href = "#"> 2 </ أ> </ لى>
<الطبقة = "غير متوفرة" لي> <a أ href = "#"> 3 </ أ> </ لى>
<لي> <a أ href = "#"> 4 </ أ> </ لى>
<لي> <a أ href = "#"> 5 </ أ> </ لى>
</ UL>
محاولة »
الاتجاه الترحيل
في رمز الأول والأخير> <li> وإضافة عنصر .arrow الكيانات إدراج الطبقة HTML رمز « و » لإنشاء رمز الاتجاه الترحيل:
أمثلة
<الطبقة = "السهم" لي> <a أ href = "#"> وقوو؛ </ أ> </ لى>
<لي> <a أ href = "#"> 1 </ أ> </ لى>
<لي> <a أ href = "#"> 2 </ أ> </ لى>
<لي> <a أ href = "#"> 3 </ أ> </ لى>
<لي> <a أ href = "#"> 4 </ أ> </ لى>
<لي> <a أ href = "#"> 5 </ أ> </ لى>
<الطبقة = "السهم" لي> <a أ href = "#"> & رقوو]؛ </ أ> </ لى>
</ UL>
ترحيل تمحورت
يمكننا أن نضيف <UL> الخارجية <div> العنصر و <div> إضافة على .pagination-centered الطبقات لتنفيذ ترحيل تمحورت:
أمثلة
<الطبقة UL = "ترقيم الصفحات">
<الطبقة = "السهم" لي> <a أ href = "#"> وقوو؛ </ أ> </ لى>
<الطبقة = "الحالي" لي> <a أ href = "#"> 1 </ أ> </ لى>
<لي> <a أ href = "#"> 2 </ أ> </ لى>
<لي> <a أ href = "#"> 3 </ أ> </ لى>
<لي> <a أ href = "#"> 4 </ أ> </ لى>
<لي> <a أ href = "#"> 5 </ أ> </ لى>
<الطبقة = "السهم" لي> <a أ href = "#"> & رقوو]؛ </ أ> </ لى>
</ UL>
</ div>
محاولة »
فتات الخبز
هيكل فتات الخبز الملاحة تستخدم لعرض الصفحة الحالية.
في <ul> على عنصر وأضاف .breadcrumbs فئة لتنفيذ فتات الخبز. يمكنك إضافة <li> وعلى .current أو .unavailable الطبقة تعيين الصفحة الحالية وتأثير لا نقر:
أمثلة
<لي> <a أ href = "#"> الرئيسية </ أ> </ لى>
<لي> <a أ href = "#"> الخاص </ أ> </ لى>
<الدرجة لي = "غير متوفر"> <a أ href = "#"> صور </ أ> </ لى>
<الدرجة لي = "التيار"> عطلة </ لى>
</ UL>
محاولة »
دون الملاحة
التحول على الصفحة، والملاحة الفرعي مفيد جدا.
في <dl> يتم إضافة عنصر .sub-nav فئة لإنشاء الملاحة الفرعية. في <dt> على عنصر لإضافة عنوان للالخيار المحدد <dd> اضافة .active فئات:
أمثلة
<تثنية> مرشح: </ دينارا >
<بضد الطبقة = "نشطة"> <a أ href = "#"> جميع </ أ> </ DD>
<بضد> <a أ href = "#"> النشطة </ أ> </ DD>
<بضد> <a أ href = "#"> الانتظار </ أ> </ DD>
<بضد> <a أ href = "#"> المعلقة </ أ> </ DD>
</ UL>
محاولة »