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

മാറ്റുന്നതിൽdisplay

പ്രോപ്പർട്ടിയുടെ പൊതുവായ മൂല്യങ്ങൾ പ്രതികരണമായി ടോഗിൾ ചെയ്യുന്നതിന് ഞങ്ങളുടെ ഡിസ്പ്ലേ യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കുക. displayനിർദ്ദിഷ്ട വ്യൂപോർട്ടുകളിലുടനീളം അവ കാണിക്കുന്നതിനോ മറയ്ക്കുന്നതിനോ ഞങ്ങളുടെ ഗ്രിഡ് സിസ്റ്റം, ഉള്ളടക്കം അല്ലെങ്കിൽ ഘടകങ്ങൾ എന്നിവയുമായി ഇത് മിക്സ് ചെയ്യുക.

ഫ്ലെക്സ്ബോക്സ് ഓപ്ഷനുകൾ

ബൂട്ട്‌സ്‌ട്രാപ്പ് ഫ്‌ലെക്‌സ്‌ബോക്‌സ് ഉപയോഗിച്ചാണ് നിർമ്മിച്ചിരിക്കുന്നത്, എന്നാൽ ഇത് അനാവശ്യമായ നിരവധി ഓവർറൈഡുകൾ ചേർക്കുകയും പ്രധാന ബ്രൗസർ സ്വഭാവങ്ങളെ അപ്രതീക്ഷിതമായി മാറ്റുകയും ചെയ്യും എന്നതിനാൽ എല്ലാ ഘടകങ്ങളും displayമാറ്റിയിട്ടില്ല . display: flexഞങ്ങളുടെ മിക്ക ഘടകങ്ങളും ഫ്ലെക്സ്ബോക്സ് പ്രവർത്തനക്ഷമമാക്കി നിർമ്മിച്ചതാണ്.

display: flexനിങ്ങൾ ഒരു ഘടകത്തിലേക്ക് ചേർക്കേണ്ടതുണ്ടെങ്കിൽ , .d-flexഅല്ലെങ്കിൽ പ്രതികരിക്കുന്ന വേരിയന്റുകളിൽ ഒന്ന് (ഉദാ, .d-sm-flex) ഉപയോഗിച്ച് ചെയ്യുക. വലുപ്പം, വിന്യാസം, സ്‌പെയ്‌സിംഗ് എന്നിവയ്‌ക്കും അതിലേറെ കാര്യങ്ങൾക്കുമായി ഞങ്ങളുടെ അധിക ഫ്ലെക്‌സ്‌ബോക്‌സ് യൂട്ടിലിറ്റികളുടെdisplay ഉപയോഗം അനുവദിക്കുന്നതിന് നിങ്ങൾക്ക് ഈ ക്ലാസോ മൂല്യമോ ആവശ്യമാണ്.

മാർജിനും പാഡിംഗും

മൂലകങ്ങളും ഘടകങ്ങളും ഇടവും വലിപ്പവും ഉള്ളത് എങ്ങനെയെന്ന് നിയന്ത്രിക്കാൻ marginസ്‌പെയ്‌സിംഗ് padding യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കുക . ബൂട്ട്‌സ്‌ട്രാപ്പിൽ സ്‌പെയ്‌സിംഗ് യൂട്ടിലിറ്റികൾക്കായുള്ള ആറ്-ലെവൽ സ്‌കെയിൽ ഉൾപ്പെടുന്നു, ഒരു 1remമൂല്യ ഡിഫോൾട്ട് $spacerവേരിയബിളിനെ അടിസ്ഥാനമാക്കി. എല്ലാ വ്യൂപോർട്ടുകൾക്കുമായി മൂല്യങ്ങൾ തിരഞ്ഞെടുക്കുക (ഉദാ, .me-3LTR- margin-right: 1remൽ), അല്ലെങ്കിൽ നിർദ്ദിഷ്ട വ്യൂപോർട്ടുകൾ ടാർഗെറ്റുചെയ്യുന്നതിന് റെസ്‌പോൺസീവ് വേരിയന്റുകൾ തിരഞ്ഞെടുക്കുക (ഉദാഹരണത്തിന്, .me-md-3-LTR- margin-right: 1remന് mdബ്രേക്ക്‌പോയിന്റിൽ നിന്ന് ആരംഭിക്കുന്നു).

ടോഗിൾ ചെയ്യുകvisibility

ടോഗിൾ displayആവശ്യമില്ലാത്തപ്പോൾ, ഞങ്ങളുടെ ദൃശ്യപരത യൂട്ടിലിറ്റികൾvisibility ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഒരു ഘടകത്തെ ടോഗിൾ ചെയ്യാം . അദൃശ്യ ഘടകങ്ങൾ പേജിന്റെ ലേഔട്ടിനെ തുടർന്നും ബാധിക്കും, പക്ഷേ സന്ദർശകരിൽ നിന്ന് ദൃശ്യപരമായി മറച്ചിരിക്കുന്നു.