বুটস্ট্রাপ বেসিক পেজিনেশন
যখন ওয়েবসাইটে অনেকগুলো পেজ থাকে, সেক্ষেত্রে পেজিনেশন ব্যবহার খুবি কার্যকর হয়।
বুটস্ট্রাপের বেসিক পেজিনেশন নিম্নরুপঃ
বুটস্ট্রাপ পেজিনেশন তৈরি করার জন্য < 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 ক্লাসের মাধ্যমে ন্যাভিগেশন আকারে বর্তমান পেজের অবস্থান জানা যায়। ব্রেডকাম্ব তৈরি করার জন্য <ul> এলিমেন্টের মধ্যে .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 | বর্তমান পেজকে একটিভ করার জন্য ব্যবহার করা হয়। |
Read more
