ލޭއައުޓް ކުރުމަށް ބޭނުންކުރާ ޔުޓިލިޓީސް

ބަދަލުވަމުންނެވެ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: 1remmd

ޓޮގްލް ކޮށްލާށެވެvisibility

ޓޮގްލް displayކުރަން ނުޖެހޭ ވަގުތުތަކުގައި، އަޅުގަނޑުމެންގެ ވިޒިބިލިޓީ ޔުޓިލިޓީސްvisibility އިން އެލިމެންޓެއްގެ ޓޮގްލް ކުރެވިދާނެއެވެ . ނުފެންނަ މާއްދާތަކުން އަދިވެސް ޕޭޖުގެ ލޭއައުޓަށް އަސަރުކުރާނެ ނަމަވެސް އެއީ ޒިޔާރަތްކުރާ ފަރާތްތަކަށް ލޮލުން ފެންނަ ގޮތަށް ފޮރުވިފައިވާ އެއްޗެހިތަކެކެވެ.