Source

ലേഔട്ടിനുള്ള യൂട്ടിലിറ്റികൾ

വേഗമേറിയ മൊബൈൽ-സൗഹൃദവും പ്രതികരണശേഷിയുള്ളതുമായ വികസനത്തിന്, ഉള്ളടക്കം കാണിക്കുന്നതിനും മറയ്ക്കുന്നതിനും വിന്യസിക്കുന്നതിനും സ്‌പെയ്‌സിംഗ് ചെയ്യുന്നതിനുമുള്ള ഡസൻ കണക്കിന് യൂട്ടിലിറ്റി ക്ലാസുകൾ ബൂട്ട്‌സ്‌ട്രാപ്പിൽ ഉൾപ്പെടുന്നു.

മാറ്റുന്നതിൽ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 ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഒരു ഘടകത്തെ ടോഗിൾ ചെയ്യാം . അദൃശ്യ ഘടകങ്ങൾ പേജിന്റെ ലേഔട്ടിനെ തുടർന്നും ബാധിക്കും, പക്ഷേ സന്ദർശകരിൽ നിന്ന് ദൃശ്യപരമായി മറച്ചിരിക്കുന്നു.