نمادها

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

آموزش Bootstrap جلسه شانزدهم(pagenation)

در خدمت شما هستیم با آموزش Bootstrap جلسه شانزدهم (pagenation)

آموزش Bootstrap جلسه شانزدهم (pagenation) از سری آموزش های تک قسمتی است

سلام برنامه در این جلسه درباره صفحه بندی توضیح می دهد

معمولا در صفحات سایت ۵ الی ۱۰ مطلب را در صفحه نمایش می دهند و الباقی به صفحات بعد می رود

امروز قصد داریم درباره این صفحه بندی ها و دکمه های نمایش آن صحبت کنیم

بوت استرپ برای صفحه بندی هم چاره ای اندیشیده است و کلاسی را به آن اختصاص داده است

این دکمه ها کاملا رسپانسیو هستند و محدودیتی در تعداد صفحات ندارند

کلاس Pagination

همانطور که بالاتر گفتیم کلاس pagination شما امکان شماره گذاری صفحاتتان را میدهد که نکته بسار مهمی در امر سئو نیز هست.
این شماره گذاری به کاربران شما امکان مشاهده مطالب قدیمی تر شما را نیز میدهد.

اگر بخواهیم مثالی از نحوه استفاده از این کلاس بزنیم مورد زیر مناسب است:

در مثال بالا میبینید که ul و li هایی در داخل کلاس pagination قرار گرفته است و همین کلاس به تنهایی ظاهر آنها را تغییر داده است.

با اضافه کردن کلاس active به تگ های li میتوانید آن صفحه را به صورت فعال در بیاورید
اگر این موضوع را متوجه نشده اید میتوانید مثال زیر را دنبال کنید:

و در نهایت به کمک کلاس disabled میتوانید شماره صفحه و قابلیت کلید روی آن را غیرفعال کنید.
برای این موضوع میتوانید مثال زیر را پیگیری کنید:

 

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

آموزش Bootstrap جلسه پانزدهم(Progress Bars)

آموزش Bootstrap جلسه هفدهم(Pager)

 

شما می توانید این آموزش را به صورت آنلاین از ویدیو زیر ببینید:


و یا آن را در آپارات مشاهده کنید:

همچنین در صورت علاقه میتوانید این آموزش را در یوتیوب مشاهده کنید:
همچنین در صورت علاقه می توانید این آموزش را از باکس دانلود موجود در زیر همین پست دانلود نمایید
اگر این مطلب آموزنده بود به ما امتیاز دهید
1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره (3 رای, میانگین: 4٫67 امتیاز از 5)
Loading...

این یک فایل mp4 تصویری است که با پلیر های ویدیویی قابل اجرا می باشد

دانلود آموزش Bootstrap جلسه شانزدهم(pagenation): نوع فایل:mp4 حجم فایل:28.94 مگابایت

هر پلیر اجرا کننده فایل ویدیویی

2 دیدگاه برای “آموزش Bootstrap جلسه شانزدهم (pagenation)”

  1. maryam گفت:

    ممنون کی آموزش های بوت استرپ ۴ هم میذارید؟

    1. amir گفت:

      ممنون از لطف و پیگیری شما آموزش های بوت استرپ ۴ در حال ساخت هستند

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.