مردان وردپرس آموزش بوت استرپ آموزش بوت استرپ ، صفحه بندی ( Pagination Bootstrap )

آموزش بوت استرپ ، صفحه بندی ( Pagination Bootstrap )

آموزش بوت استرپ ، صفحه بندی ( Pagination Bootstrap )

با استفاده از بوت استرپ، می توانیم بلوک بزرگی از صفحات مرتبط را به وسیله صفحه بندی به هم متصل کنیم. بی آنکه صفحه ی بزرگی داشته باشم و بدون آنکه تعداد صفحات را زیاد کنیم. Pagination به وسیله لیست های html ساخته می شود و شبیه به <nav> عمل می کند؛ با این تفاوت که با کلیک روی هر یک از آن ها، صفحه جدید باز نمی شود.

استفاده از آیکون ها در صفحه بندی:

به جای استفاده از کلمه next و previous می توانیم از آیکون ها استفاده کنیم. کافیست از کلاس .sr-only استفاده کنیم.

 

وضعیت فعال و غیرفعال در pagination

برای غیرفعال کردن یکی از حالت های موجود در صفحه بندی، از کلاس .disabled استفاده میکنیم و برای نشان دادن یکی از آن ها به صورت فعال پیش فرض، از .active استفاده میکنیم.

تغییر اندازه در دکمه های pagination:

با استفاده از کلاس های pagination-lg  یا  .pagination-sm می توانیم اندازه آن ها را تغییر دهیم:

کلاس های رنگ بندی در bootstrap

برای رنگ بندی پس زمینه از کلاس های زیر استفاده می کنیم :

 

<kbd> :

از تگ <kbd> می توانید برای نمایش ورودی های کیبورد در متن استفاده کنید

 

تاریخ آخرین بروزرسانی : ۲۴ آبان ۱۳۹۶
منبع :‌ مردان وردپرس
سجاد رحمانی نژاد

کارشناس طراحی UI وب ، بیش از سه سال سابقه طراحی و کار اجرایی در سازمان های مختلف و به صورت مستقل ( Freelance ) همچنین مدرس دوره های طراحی وب در آموزشگاه های تهران و کرج.

Advertising MiSaCo.

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.