Source

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

މޯބައިލް ފްރެންޑްލީ އަދި ރެސްޕޮންސިވް ޑިވެލޮޕްމަންޓަށް އަވަހަށް ބޫޓްސްޓްރެޕްގައި ކޮންޓެންޓް ދައްކާލުމާއި، ފޮރުވުމާއި، އެލައިންކުރުމާއި، ސްޕޭސިންގ އަށް ބޭނުންވާ ދިހަވަރަކަށް ޔުޓިލިޓީ ކްލާސް ހިމެނެއެވެ.

ބަދަލުވަމުންނެވެdisplay

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

ފްލެކްސްބޮކްސްގެ އިޚްތިޔާރުތަކެވެ

ބޫޓްސްޓްރެޕް 4 ބިލްޑްކޮށްފައިވަނީ ފްލެކްސްބޮކްސް އާއި އެކު ނަމަވެސް ކޮންމެ އެލިމެންޓަކަށް displayބަދަލުކޮށްފައި ނުވާތީ display: flexމިއީ ކޮންމެހެން ބޭނުން ނުވާ އެތައް އޮވަރރައިޑްތަކެއް އިތުރުކޮށް ހީވެސް ނުކުރާ ގޮތަކަށް ކީ ބްރައުޒާ ބިހޭވިއަރސް ބަދަލުވާނެ ކަމެކެވެ. އަޅުގަނޑުމެންގެ ގިނަ ކޮމްޕޯނެންޓްތައް ބިލްޑްކޮށްފައިވަނީ ފްލެކްސްބޮކްސް އެނެބަލްކޮށްގެންނެވެ.

display: flexއެލިމެންޓަކަށް އިތުރުކުރަން ޖެހިއްޖެނަމަ ، އެކަން ކުރާނީ .d-flexޖަވާބުދާރީވާ ވައްތަރުތަކުގެ ތެރެއިން އެއް ވައްތަރަކާއެކު (އެބަހީ، .d-sm-flex). ސައިޒިންގ، އެލައިންމަންޓް، ސްޕޭސިންގ، އަދި އެހެނިހެން ކަންކަމަށް އަޅުގަނޑުމެންގެ އިތުރު ފްލެކްސްބޮކްސް ޔުޓިލިޓީސްdisplay ބޭނުންކުރުމުގެ ހުއްދަ ދިނުމަށްޓަކައި މި ކްލާސް ނުވަތަ ވެލިއު ބޭނުންވާނެއެވެ .

މާރޖިން އާއި ޕެޑިންގ އެވެ

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

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

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