Source

පිරිසැලසුම සඳහා උපයෝගිතා

වේගවත් ජංගම-හිතකාමී සහ ප්‍රතිචාරාත්මක සංවර්ධනයක් සඳහා, Bootstrap හි අන්තර්ගතය පෙන්වීම, සැඟවීම, පෙළගැස්වීම සහ පරතරය තැබීම සඳහා උපයෝගිතා පන්ති දුසිම් ගණනක් ඇතුළත් වේ.

වෙනස් වෙනවාdisplay

දේපලෙහි පොදු අගයන් ප්‍රතිචාරාත්මක ලෙස ටොගල් කිරීම සඳහා අපගේ සංදර්ශක උපයෝගිතා භාවිතා කරන්න. displayඑය අපගේ ජාල පද්ධතිය, අන්තර්ගතය, හෝ විශේෂිත දර්ශන තොට හරහා ඒවා පෙන්වීමට හෝ සැඟවීමට ඒවා සමඟ මිශ්‍ර කරන්න.

Flexbox විකල්ප

Bootstrap 4 ගොඩනගා ඇත්තේ flexbox සමඟිනි, නමුත් මෙය අනවශ්‍ය ප්‍රතික්‍ෂේප කිරීම් රාශියක් එකතු කරන අතර ප්‍රධාන බ්‍රව්සර් හැසිරීම් අනපේක්ෂිත ලෙස displayවෙනස් කරන බැවින් සෑම අංගයක්ම වෙනස් කර නොමැත . display: flexඅපගේ බොහෝ සංරචක flexbox සක්‍රීය කර ඇත.

ඔබට display: flexමූලද්‍රව්‍යයකට එක් කිරීමට අවශ්‍ය නම් .d-flex, ප්‍රතිචාර දක්වන ප්‍රභේදවලින් එකක් හෝ එය කරන්න (උදා, .d-sm-flex). ප්‍රමාණ කිරීම, පෙළගැස්වීම, පරතරය, සහ තවත් දේ සඳහා අපගේ අමතර flexbox උපයෝගිතාdisplay භාවිතයට ඉඩ දීමට ඔබට මෙම පන්තිය හෝ අගය අවශ්‍ය වනු ඇත.

ආන්තිකය සහ පිරවුම

මූලද්‍රව්‍ය සහ සංරචක පරතරය සහ ප්‍රමාණය පාලනය කිරීමට marginසහ padding පරතරය උපයෝගිතා භාවිතා කරන්න . 1remBootstrap 4 හි අගය පෙරනිමි $spacerවිචල්‍යයක් මත පදනම්ව පරතරය උපයෝගිතා සඳහා පස් මට්ටමේ පරිමාණයක් ඇතුළත් වේ . සියලුම දර්ශන තොට සඳහා අගයන් තෝරන්න (උදා, .mr-3සඳහා margin-right: 1rem), හෝ නිශ්චිත දර්ශන තොට ඉලක්ක කිරීමට ප්‍රතිචාරාත්මක ප්‍රභේද තෝරන්න (උදා, කඩඉම් ස්ථානයෙන් ආරම්භ කිරීම සඳහා .mr-md-3) .margin-right: 1remmd

ටොගල් කරන්නvisibility

ටොගල් කිරීම අවශ්‍ය නොවන විට display, ඔබට අපගේ දෘශ්‍යතා උපයෝගිතාvisibility සමඟ මූලද්‍රව්‍ය ටොගල් කළ හැක . අදෘශ්‍යමාන මූලද්‍රව්‍ය තවමත් පිටුවේ පිරිසැලසුමට බලපානු ඇත, නමුත් අමුත්තන්ගෙන් දෘශ්‍යමය වශයෙන් සැඟවී ඇත.