ലേഔട്ടിനുള്ള യൂട്ടിലിറ്റികൾ
വേഗതയേറിയ മൊബൈൽ-സൗഹൃദവും പ്രതികരണശേഷിയുള്ളതുമായ വികസനത്തിന്, ഉള്ളടക്കം കാണിക്കുന്നതിനും മറയ്ക്കുന്നതിനും വിന്യസിക്കുന്നതിനും സ്പെയ്സിംഗ് ചെയ്യുന്നതിനുമുള്ള ഡസൻ കണക്കിന് യൂട്ടിലിറ്റി ക്ലാസുകൾ ബൂട്ട്സ്ട്രാപ്പിൽ ഉൾപ്പെടുന്നു.
മാറ്റുന്നതിൽdisplay
പ്രോപ്പർട്ടിയുടെ പൊതുവായ മൂല്യങ്ങൾ പ്രതികരണമായി ടോഗിൾ ചെയ്യുന്നതിന് ഞങ്ങളുടെ ഡിസ്പ്ലേ യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കുക. display
നിർദ്ദിഷ്ട വ്യൂപോർട്ടുകളിലുടനീളം അവ കാണിക്കുന്നതിനോ മറയ്ക്കുന്നതിനോ ഞങ്ങളുടെ ഗ്രിഡ് സിസ്റ്റം, ഉള്ളടക്കം അല്ലെങ്കിൽ ഘടകങ്ങൾ എന്നിവയുമായി ഇത് മിക്സ് ചെയ്യുക.
ഫ്ലെക്സ്ബോക്സ് ഓപ്ഷനുകൾ
ബൂട്ട്സ്ട്രാപ്പ് 4 ഫ്ലെക്സ്ബോക്സ് ഉപയോഗിച്ചാണ് നിർമ്മിച്ചിരിക്കുന്നത്, എന്നാൽ ഇത് അനാവശ്യമായ പല അസാധുവാക്കലുകൾ ചേർക്കുകയും പ്രധാന ബ്രൗസർ സ്വഭാവങ്ങളെ അപ്രതീക്ഷിതമായി മാറ്റുകയും ചെയ്യും എന്നതിനാൽ എല്ലാ ഘടകങ്ങളും display
മാറ്റിയിട്ടില്ല . display: flex
ഞങ്ങളുടെ മിക്ക ഘടകങ്ങളും ഫ്ലെക്സ്ബോക്സ് പ്രവർത്തനക്ഷമമാക്കി നിർമ്മിച്ചതാണ്.
display: flex
നിങ്ങൾ ഒരു ഘടകത്തിലേക്ക് ചേർക്കേണ്ടതുണ്ടെങ്കിൽ , .d-flex
അല്ലെങ്കിൽ പ്രതികരിക്കുന്ന വേരിയന്റുകളിൽ ഒന്ന് (ഉദാ, .d-sm-flex
) ഉപയോഗിച്ച് ചെയ്യുക. വലുപ്പം, വിന്യാസം, സ്പെയ്സിംഗ് എന്നിവയ്ക്കും അതിലേറെ കാര്യങ്ങൾക്കുമായി ഞങ്ങളുടെ അധിക ഫ്ലെക്സ്ബോക്സ് യൂട്ടിലിറ്റികളുടെdisplay
ഉപയോഗം അനുവദിക്കുന്നതിന് നിങ്ങൾക്ക് ഈ ക്ലാസോ മൂല്യമോ ആവശ്യമാണ്.
മാർജിനും പാഡിംഗും
മൂലകങ്ങളും ഘടകങ്ങളും ഇടവും വലിപ്പവും ഉള്ളത് എങ്ങനെയെന്ന് നിയന്ത്രിക്കാൻ margin
സ്പെയ്സിംഗ് padding
യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കുക . ബൂട്ട്സ്ട്രാപ്പ് 4-ൽ സ്പെയ്സിംഗ് യൂട്ടിലിറ്റികൾക്കായുള്ള അഞ്ച്-ലെവൽ സ്കെയിൽ ഉൾപ്പെടുന്നു, ഒരു 1rem
മൂല്യ ഡിഫോൾട്ട് $spacer
വേരിയബിളിനെ അടിസ്ഥാനമാക്കി. എല്ലാ വ്യൂപോർട്ടുകൾക്കുമായി മൂല്യങ്ങൾ തിരഞ്ഞെടുക്കുക (ഉദാഹരണത്തിന്, .mr-3
വേണ്ടി margin-right: 1rem
), അല്ലെങ്കിൽ നിർദ്ദിഷ്ട വ്യൂപോർട്ടുകൾ ടാർഗെറ്റുചെയ്യുന്നതിന് പ്രതികരിക്കുന്ന വേരിയന്റുകൾ തിരഞ്ഞെടുക്കുക (ഉദാ, .mr-md-3
ബ്രേക്ക്പോയിന്റിൽ margin-right: 1rem
ആരംഭിക്കുന്നതിന് md
).
ടോഗിൾ ചെയ്യുകvisibility
ടോഗിൾ display
ആവശ്യമില്ലാത്തപ്പോൾ, ഞങ്ങളുടെ ദൃശ്യപരത യൂട്ടിലിറ്റികൾvisibility
ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഒരു ഘടകത്തെ ടോഗിൾ ചെയ്യാം . അദൃശ്യ ഘടകങ്ങൾ പേജിന്റെ ലേഔട്ടിനെ തുടർന്നും ബാധിക്കും, പക്ഷേ സന്ദർശകരിൽ നിന്ന് ദൃശ്യപരമായി മറച്ചിരിക്കുന്നു.