ލޭއައުޓް ކުރުމަށް ބޭނުންކުރާ ޔުޓިލިޓީސް
މޯބައިލް ފްރެންޑްލީ އަދި ރެސްޕޮންސިވް ޑިވެލޮޕްމަންޓަށް އަވަހަށް ބޫޓްސްޓްރެޕްގައި ކޮންޓެންޓް ދައްކާލުމާއި، ފޮރުވުމާއި، އެލައިންކުރުމާއި، ސްޕޭސިންގ އަށް ބޭނުންވާ ދިހަވަރަކަށް ޔުޓިލިޓީ ކްލާސް ހިމެނެއެވެ.
ބަދަލުވަމުންނެވެdisplay
ޕްރޮޕަޓީގެ އާންމު އަގުތައް ރެސްޕޮންސިވްކޮށް ޓޮގްލް ކުރުމަށް އަޅުގަނޑުމެންގެ ޑިސްޕްލޭ ޔުޓިލިޓީސް ބޭނުން ކުރާށެވެ. display
އަޅުގަނޑުމެންގެ ގްރިޑް ސިސްޓަމާއި، ކޮންޓެންޓް ނުވަތަ ކޮމްޕޯނެންޓްތަކާ މިކްސްކޮށް ވަކި ވިއުޕޯޓްތަކެއް ހުރަސްކޮށް ދައްކާ ނުވަތަ ފޮރުވާށެވެ.
ފްލެކްސްބޮކްސްގެ އިޚްތިޔާރުތަކެވެ
ބޫޓްސްޓްރަޕް ބިލްޑްކޮށްފައިވަނީ ފްލެކްސްބޮކްސް އާއި އެކު ނަމަވެސް ކޮންމެ އެލިމެންޓެއް display
ބަދަލުކޮށްފައި ނުވާތީ display: flex
މިއީ ކޮންމެހެން ބޭނުން ނުވާ އެތައް އޮވަރރައިޑްތަކެއް އިތުރުކޮށް ހީވެސް ނުކުރާ ގޮތަކަށް ކީ ބްރައުޒާ ބިހޭވިއަރސް ބަދަލުވާނެ ކަމެކެވެ. އަޅުގަނޑުމެންގެ ގިނަ ކޮމްޕޯނެންޓްތައް ބިލްޑްކޮށްފައިވަނީ ފްލެކްސްބޮކްސް އެނެބަލްކޮށްގެންނެވެ.
display: flex
އެލިމެންޓަކަށް އިތުރުކުރަން ޖެހިއްޖެނަމަ ، އެކަން ކުރާނީ .d-flex
ޖަވާބުދާރީވާ ވައްތަރުތަކުގެ ތެރެއިން އެއް ވައްތަރަކާއެކު (އެބަހީ، .d-sm-flex
). ސައިޒިންގ، އެލައިންމަންޓް، ސްޕޭސިންގ، އަދި އެހެނިހެން ކަންކަމަށް އަޅުގަނޑުމެންގެ އިތުރު ފްލެކްސްބޮކްސް ޔުޓިލިޓީސްdisplay
ބޭނުންކުރުމުގެ ހުއްދަ ދިނުމަށްޓަކައި މި ކްލާސް ނުވަތަ ވެލިއު ބޭނުންވާނެއެވެ .
މާރޖިން އާއި ޕެޑިންގ އެވެ
އެލިމެންޓްތަކާއި ކޮމްޕޯނެންޓްތައް ސްޕޭސްކޮށް ސައިޒް ކުރެވޭ ގޮތް ކޮންޓްރޯލް ކުރުމަށް margin
އަދި padding
ސްޕޭސިންގ ޔުޓިލިޓީސް ބޭނުން ކުރާށެވެ . ބޫޓްސްޓްރަޕްގައި ހިމެނެނީ ސްޕޭސިންގ ޔުޓިލިޓީސް އަށް ހަ ލެވެލްގެ ސްކޭލެއް ކަމަށާއި، މިއީ 1rem
ވެލިއު ޑިފޯލްޓް $spacer
ވެރިއޭބަލް އެއްގެ މައްޗަށް ބިނާކޮށްފައިވާ ސްކޭލެކެވެ. ހުރިހާ ވިއުޕޯޓްތަކަށް އަގުތައް ހޮވުން (އެބަހީ، އެލްޓީއާރުގައި .me-3
އަށް margin-right: 1rem
)، ނުވަތަ ވަކި ވިއުޕޯޓްތަކަށް އަމާޒުކުރުމަށް ރެސްޕޮންސިވް ވައްތަރުތައް ހޮވުން (އެބަހީ، ބްރޭކްޕޮއިންޓުން ފެށިގެން —އެލްޓީއާރުގައި— އަށް .me-md-3
) .margin-right: 1rem
md
ޓޮގްލް ކޮށްލާށެވެvisibility
ޓޮގްލް display
ކުރަން ނުޖެހޭ ވަގުތުތަކުގައި، އަޅުގަނޑުމެންގެ ވިޒިބިލިޓީ ޔުޓިލިޓީސްvisibility
އިން އެލިމެންޓެއްގެ ޓޮގްލް ކުރެވިދާނެއެވެ . ނުފެންނަ މާއްދާތަކުން އަދިވެސް ޕޭޖުގެ ލޭއައުޓަށް އަސަރުކުރާނެ ނަމަވެސް އެއީ ޒިޔާރަތްކުރާ ފަރާތްތަކަށް ލޮލުން ފެންނަ ގޮތަށް ފޮރުވިފައިވާ އެއްޗެހިތަކެކެވެ.