පාඩම 3: Bootstrap Grid පද්ධතිය ▦

වෙබ් පිටුවක layout එක (කොටස් වලට වෙන් කිරීම) සකස් කිරීමට Grid පද්ධතිය ඉගෙන ගනිමු.


Grid පද්ධතිය යනු?

Bootstrap Grid පද්ධතිය **පේළි (rows)** සහ **තීරු (columns)** වලින් සමන්විතයි. ඕනෑම වෙබ් පිටුවක් තිරස් අතට කොටස් 12 කට බෙදා ඇත. අපට අවශ්‍ය පරිදි මෙම කොටස් 12 භාවිතා කර තීරු සකස් කරගත හැකිය.

උදාහරණය: සමාන තීරු 3ක්

තීරුව 1
තීරුව 2
තීරුව 3

උදාහරණය: විවිධ පළල ඇති තීරු

කොටස් 12 න්, 8 ක් එක තීරුවකටත්, 4 ක් අනෙක් තීරුවකටත් වෙන් කරමු (8 + 4 = 12).

තීරුව (පළල 8)
තීරුව (පළල 4)
⬅️ මුල් පිටුවට