පාඩම 2: Bootstrap Container 📦

වෙබ් පිටුවේ අන්තර්ගතය (content) පිළිවෙලට තබා ගැනීමට container භාවිතා කරමු.


Container යනු කුමක්ද?

Bootstrap වලදී, අපගේ වෙබ් පිටුවේ සියලුම අන්තර්ගතයන් <div> එකක් තුල ඇතුළත් කරයි. එම <div> එකට class="container" හෝ class="container-fluid" ලෙස ලබා දීමෙන්, අන්තර්ගතය තිරයට ගැලපෙන ලෙස සකස් වේ.

.container

මෙය භාවිතා කළ විට, තිරයේ දෙපසින් කුඩා ඉඩක් තබා අන්තර්ගතය මැදින් සකස් කරයි.

මෙය .container එකක් තුල ඇති අන්තර්ගතයයි.

.container-fluid

මෙය භාවිතා කළ විට, අන්තර්ගතය තිරයේ සම්පූර්ණ පළලම (full width) භාවිතා කරයි.

මෙය .container-fluid එකක් තුල ඇති අන්තර්ගතයයි.
⬅️ මුල් පිටුවට