Pager

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Bootstarp3-menu.png
موارد آموزشی
۱خانه
۲شروع
۳شبکه‌بندی ساده
۴تایپوگرافی
۵جدول‌ها
۶تصویر‌ها
۷Jumbotron
۸Well‌ها
۹هشدارها
۱۰کلیدها
۱۱گروه‌های کلید
۱۲گلیف آیکون‌ها
۱۳نشان‌ها/برچسب‌ها
۱۴نوار پیشرفت
۱۵صفحه‌بندی
۱۶Pager
۱۷گروه‌های لیست
۱۸پنل‌ها
۱۹منوهای کرکره‌ای
۲۰Collapse
۲۱تب‌ها/Pillها
۲۲نوار راهبری
۲۳فرم‌ها
۲۴ورودی‌ها
۲۵ورودی‌ها ۲
۲۶سایزدهی ورودی
۲۷Media Objectها
۲۸Carousel
۲۹Modal
۳۰راهنمای ابزار
۳۱Popover
۳۲Scrollspy
۳۳Affix
۳۴فیلترها
شبکه‌بندی
زمینه‌ها
مثال‌ها
مرجع JavaScrpit در بوت‌استرپ ۳
مرجع CSS در بوت‌استرپ ۳


Pager چیست؟

<translate> نکته</translate>  نکته: Pager هم حالتی از صفحه بندی است (که در بخش قبلی شرح داده شد).[۱]

Pager کلیدها (لینک‌ها) ی قبلی و بعدی را ایجاد می‌کند.

برای ایجاد کلیدهای قبلی / بعدی، کلاس .pager را به بک عنصر <ul> اضافه کنید:

مثال

1 <ul class="pager">
2   <li><a href="#">Previous</a></li>
3   <li><a href="#">Next</a></li>
4 </ul>

مشاهدهٔ نتیجه


نتیجه

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


کلیدهای تراز (به انگلیسی: Align)

از کلاس‌های .previous و .next برای ردیف کردن هر کلید در کناره‌های صفحه استفاده کنید:

مثال

1 <ul class="pager">
2   <li class="previous"><a href="#">Previous</a></li>
3   <li class="next"><a href="#">Next</a></li>
4 </ul>

مشاهدهٔ نتیجه


نتیجه

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


مرجع کامل ناوبری در بوت استرپ

برای دسترسی به مرجع کامل همهٔ کلاس‌های ناوبری، به مرجع کامل ناوبری بوت استرپ ما مراجعه کنید.


منابع آموزشی