বুটস্ট্রাপ বেসিক পেজিনেশন

যখন ওয়েবসাইটে অনেকগুলো পেজ থাকে, সেক্ষেত্রে পেজিনেশন ব্যবহার খুবি কার্যকর হয়।

বুটস্ট্রাপের বেসিক পেজিনেশন নিম্নরুপঃ

বুটস্ট্রাপ পেজিনেশন তৈরি করার জন্য < ul > এলিমেন্টের মধ্যে .pagination ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=976

একটিভ স্টেট

ব্যবহারকারী বর্তমানে কোন পেজে আছেন তা বুঝানোর জন্য .active ক্লাস যুক্ত করুনঃ

kt_satt_skill_example_id=977

Disabled স্টেট

Disabled লিংককে ক্লিক করা যায় না।

যদি কোনো লিংককে disabled করতে চান তাহলে ঐ লিংকে .disabled ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=978

পেজিনেশনের আকার

পেজিনেশন সহজে ছোট বড় করা যায়। বড় ব্লকের পেজিনেশনের জন্য .pagination ক্লাসের সাথে .pagination-lg ক্লাস এবং ছোট ব্লকের পেজিনেশনের জন্য .pagination-sm ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=979

ব্রেডকাম্ব

ব্রেডকাম্বের মাধ্যমেও পেজিনেশন তৈরি করা যায়। .breadcrumb ক্লাসের মাধ্যমে ন্যাভিগেশন আকারে বর্তমান পেজের অবস্থান জানা যায়। ব্রেডকাম্ব তৈরি করার জন্য

এলিমেন্টের মধ্যে .breadcrumb ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=980

---

একনজরে ব্রেডকাম্ব এবং পেজিনেশন সংক্রান্ত ক্লাসগুলো দেখে নেইঃ

ক্লাস	বর্ণনা
.breadcrumb	একটি ব্রেডকাম্ব তৈরী করে।
.pager	সাধারণ পেজিনেশন লিঙ্ক (পূর্ববর্তী/পরবর্তী) তৈরি করে।
.previous	.pager দ্বারা তৈরিকৃত পেজিনেশন লিংকের "পূর্ববর্তী/Previous" বাটনটিকে পেজের বামপাশে এ্যালাইন করে।
.next	.pager দ্বারা তৈরিকৃত পেজিনেশন লিংকের "পরবর্তী/Next" বাটনটিকে পেজের ডানপাশে এ্যালাইন করে।
.disabled	একটি লিঙ্ককে আনক্লিক করে রাখার জন্য ব্যবহার করা হয়।
.pagination	পেজিনেশন লিংক তৈরি করে।
.pagination-lg	বড় আকারের পেজিনেশনের জন্য .pagination ক্লাসের সাথে একত্রে ব্যবহার করা হয়।
.pagination-sm	ছোট আকারের পেজিনেশনের জন্য .pagination ক্লাসের সাথে একত্রে ব্যবহার করা হয়।
.disabled	একটি unclickable লিংককে বুঝায়।
.active	বর্তমান পেজকে একটিভ করার জন্য ব্যবহার করা হয়।