Bootstrap 5 ග්රිඩ් පද්ධතිය 2019 දක්වා වර්ෂ ගණනාවක් පුරාවට පවතින ලාංකීය වෙබ් සංවර්ධකයින්ගේ අත්දැකීමක්. 12-කොලම් පදනම් වූ ෆ්ලොට් මෝඩලයෙන් CSS Grid බලය ලබා ගෙන, අලුත්ම සංස්කරණය වැඩි හරස්කරණයක් හා සරලතාවයක් ගෙන ඇත.
Bootstrap 5 තුළ තිදෙනා කන්ටේනර් වර්ග තිබේ. .container යනු සෑම බ්රේක්පොයින්ට් එකක්ම අඩුම පළලක් ලබා දී, අන්තර්ගතය මධ්යයේ තැබේ – සාමාන්ය පිටු සැලසුම් සඳහා සුදුසුය. .container‑fluid සම්පූර්ණ පළලේ පෙනෙන අතර, පරිපාලක පුවරුවක් හෝ ඩැෂ්බෝර්ඩ් වැනි පූර්ණ තිර අඩංගු අඩවි සඳහා භාවිතා වේ. .container‑{breakpoint} යනු නියමිත බ්රේක්පොයින්ට් තෙක් 100% පළල, ඉන් පසු උපරිම පළලක් ලබා දේ – මොබයිල් තිරයේ පූර්ණ පළල, ඩෙස්ක්ටොප් තිරයේ සීමිත පළල අවශ්ය ව්යාපෘති සඳහා අඩු භාවිතා වන නමුත් ඉතා ප්රයෝජනවත්.
කොලම් ප්රමාණය ගැන කතා කරන විට, බොහෝ දෙනා col‑md‑6 පමණක් දන්නා අතර, col‑auto සහ col වැනි ස්වයංක්රිය පළල විකල්පය අමතක කරති. col‑auto අන්තර්ගතය තරම් පළල ගනී, ඉතිරි කොලම් col මගින් ඉතිරි ඉඩ පුරවයි. මෙම සංයෝගය ඩැෂ්බෝර්ඩ් UI වල අභිලක්ෂ්යය – පින්තූරය, නාමය, තත්ත්ව ලේබලය – සකස් කිරීමේදී ගණනාවක් අතුරුදන් වේ.
Bootstrap 5 හි බ්රේක්පොයින්ට් ලැයිස්තුව xs, sm, md, lg, xl, xxl ලෙස වේ. බොහෝ සංවර්ධකයින් xxl (≥1400px) අතුරුදන් කරති, නමුත් විශාල මොනිටර් වල 4‑කොලම් පිරිසැලසුමක් අවශ්ය නම් col‑xxl‑3 වැනි පන්තිය භාවිතා කරමින් පරිපාලක පුවරුවේ පින්තූරයන් ගැළපෙයි.
ගට්ටර් (gutter) පද්ධතියද Bootstrap 5 සමඟ වෙනස් වී ඇත. g‑4 පමණක් නොව, gx‑4 (තිරස්) සහ gy‑3 (සිරස්) වැනි දිශානතික විකල්පයන් මගින් තීරයේ ඉඩ පාලනය කර ගත හැකිය.
ශ්රී ලංකාවට ඇති වැදගත්කම
- ශ්රී ලංකාවේ නවකයින්ට CSS Grid සමඟ Bootstrap 5 භාවිතා කිරීමෙන් වේගවත්, ප්රතිචාරශීලී වෙබ් අඩවි නිර්මාණය කිරීමට හැකියාව ලැබේ.
- ඉහළ තත්ත්වයේ කන්ටේනර් හා ගට්ටර් සැකැස්මන් පරිපාලක පුවරුවේ දත්ත දර්ශකයන් වඩාත් පිරිසිදු කරයි, එමඟින් දේශීය ව්යාපාරික අඩවි වල පාරිභෝගික අත්දැකීම උසස් වේ.
- xxl බ්රේක්පොයින්ට් භාවිතයෙන් 4K තිර වල පෙනෙන UI සැලසුම් සකස් කර, ශ්රී ලංකාවේ තාක්ෂණික උපාය මාර්ගයන්ට ජාත්යන්තර තරඟකාරීත්වයක් ලබා දේ.
Bootstrap 5 ග්රිඩ් පද්ධතියේ නව විශේෂතා දැන් ඔබේ ව්යාපෘතියේ අඩංගුවට ගත හැක. නිවැරදි container, කෝලම්, බ්රේක්පොයින්ට් සහ ගට්ටර් සැකසීමෙන්, ඔබේ වෙබ් අඩවිය සියලු උපාංගවලත් සුන්දර ලෙස පෙනේ.
