ތަސްވީރުތަކެވެ
ރެސްޕޮންސިވް ބިހޭވިއަރ އަށް ތަސްވީރުތައް ހޮވުމަށް ލިޔެކިޔުންތަކާއި މިސާލުތައް (އެހެންވީމާ އެއީ ދުވަހަކުވެސް އެތަކެތީގެ ބެލެނިވެރި އުފެއްދުންތަކަށްވުރެ ބޮޑު އެއްޗަކަށް ނުވާނެ) އަދި އެއަށް ލުއި ސްޓައިލްތައް އިތުރުކުރުން- މިހުރިހާ ކަމެއްވެސް ކްލާސްތައް މެދުވެރިކޮށް.
ޖަވާބުދާރީވާ ތަސްވީރުތަކެވެ
ބޫޓްސްޓްރެޕްގައި ހުންނަ ތަސްވީރުތައް ރެސްޕޮންސިވް ކޮށްފައި ހުންނަނީ .img-fluid
. max-width: 100%;
އަދި height: auto;
ބެލެނިވެރި އެލިމެންޓާއެކު ސްކޭލް ވާގޮތަށް ތަސްވީރަށް ޖަހާފައި ހުރެއެވެ.
އެސްވީޖީ އިމޭޖްތަކާއި އިންޓަނެޓް އެކްސްޕްލޯރަރ އެވެ
އިންޓަރނެޓް އެކްސްޕްލޯރަރ 10 އަދި 11 ގައި އެސްވީޖީ އިމޭޖްސް ވިތު .img-fluid
ގެ ސައިޒު ނިސްބަތުން ބޮޑުވެއެވެ. މިކަން ރަނގަޅު ކުރުމަށްޓަކައި އިތުރުކުރުން width: 100%;
ނުވަތަ .w-100
ބޭނުންވާ ތަންތަނުގައި އިތުރުކުރުން. މި ފިކްސް އިން އެހެން އިމޭޖް ފޯމެޓްތައް ރަނގަޅަށް ސައިޒް ނުކުރެވޭތީ ބޫޓްސްޓްރެޕް އިން އޮޓޮމެޓިކުން އެކަން އެޕްލައި ނުކުރެއެވެ.
އިމޭޖް ތަމްބްނެއިލްސް
އަޅުގަނޑުމެންގެ ބޯޑަރ-ރޭޑިއަސް ޔުޓިލިޓީސްގެ.img-thumbnail
އިތުރުން ، ތަސްވީރަކަށް ވަށައިގެންވާ 1px ބޯޑަރ ސިފައެއް ދިނުމަށް ބޭނުންކުރެވިދާނެއެވެ .
ތަސްވީރުތައް އެލައިންކުރުން
ހެލްޕަރ ފްލޯޓް ކްލާސް ނުވަތަ ޓެކްސްޓް އެލައިންމަންޓް ކްލާސްތަކާ ތަސްވީރުތައް އެލައިން ކުރުން . block
-ލެވެލްގެ ތަސްވީރުތައް ސެންޓަރ ކުރެވޭނީ މާރޖިން ޔުޓިލިޓީ ކްލާސް ބޭނުންކޮށްގެންނެވެ ..mx-auto
ފޮޓޯ
<picture>
ވަކި އެއްޗަކަށް އެތައް <source>
އެލިމެންޓެއް ކަނޑައެޅުމަށް އެލިމެންޓް ބޭނުންކުރާނަމަ ، ޓެގަށް ކްލާސްތައް އިތުރުކުރުން އަދި ޓެގަށް <img>
އިތުރުކުރުން ނޫންކަން ޔަގީންކުރައްވާށެވެ ..img-*
<img>
<picture>