ބޫޓްސްޓްރެޕް ގްރިޑްގެ މިސާލުތައް
ބޫޓްސްޓްރެޕް ގްރިޑް ސިސްޓަމްގެ ތެރޭގައި ބިނާކުރުމަށް އަހުލުވެރި ކުރުމަށް އަސާސީ ގްރިޑް ލޭއައުޓްތައް.
މި މިސާލުތަކުގައި .themed-grid-colކްލާސް ކޮލަމްތަކަށް އިތުރުކޮށްފައިވަނީ ކޮންމެވެސް ތީމިންގއެއް އިތުރުކުރުމަށެވެ. މިއީ ޑިފޯލްޓްކޮށް ބޫޓްސްޓްރެޕްގައި ލިބެން ހުންނަ ކްލާހެއް ނޫނެވެ.
ފަސް ގްރިޑް ޓިއަރ އެވެ
ބޫޓްސްޓްރެޕް ގްރިޑް ސިސްޓަމަށް ފަސް ޓިއަރ އެއް ހުންނައިރު، އަޅުގަނޑުމެން ސަޕޯޓްކުރާ ކޮންމެ ރޭންޖެއްގެ ޑިވައިސްތަކަށް އެއް ޓިއަރ އެއް ހުރެއެވެ. ކޮންމެ ޓިއަރެއް ފެށެނީ އެންމެ ކުޑަމިނުން ވިއުޕޯޓް ސައިޒަކުން ކަމަށާއި، އޯވަރރައިޑް ނުކުރެވިއްޖެނަމަ އޮޓޮމެޓިކުން ބޮޑެތި ޑިވައިސްތަކަށް އަމަލުކުރާނެ ކަމަށް ވެސް ވިދާޅުވިއެވެ.
އެއްވަރެއްގެ ތިން ކޮލަމެވެ
ޑެސްކްޓޮޕްތަކުން ފެށިގެން ބޮޑެތި ޑެސްކްޓޮޕްތަކަށް ސްކޭލްކޮށްގެން އެއްވަރެއްގެ ފުޅާމިނުގެ ތިން ކޮލަމް ހޯދާށެވެ . މޯބައިލް ޑިވައިސްތަކާއި ޓެބްލެޓްތަކާއި ތިރީގައި ކޮލަމްތައް އޮޓޮމެޓިކުން ސްޓޭކް ވާނެ އެވެ.
ތިން ހަމަހަމަ ކޮލަމް ބަދަލެއް
ކްލާސްތައް ބޭނުންކޮށްގެން .row-cols-*ފަސޭހައިން އެއްވަރެއްގެ ކޮލަމްތަކެއް ހުންނަ ގްރިޑެއް އުފެއްދިދާނެއެވެ.
.colދަރިފުޅުގެ...
.row-cols-md-3
.colދަރިފުޅުގެ...
.row-cols-md-3
.colދަރިފުޅުގެ...
.row-cols-md-3
ނުހައްގު ތިން ކޮލަމެވެ
ޑެސްކްޓޮޕްތަކުން ފެށިގެން އެކި ފުޅާމިނުގެ ބޮޑެތި ޑެސްކްޓޮޕްތަކަށް ސްކޭލްކޮށްގެން ތިން ކޮލަމް ހޯދާށެވެ . ހަނދާން ކުރާތި، އެއް ހޮރައިޒޮންޓަލް ބްލޮކަކަށް ގްރިޑް ކޮލަމްތައް ބާރައަށް އިތުރުކުރަން ޖެހެއެވެ. އެއަށްވުރެ ބޮޑަށް، އަދި ކޮލަމްތައް ސްޓޭކް ކުރަން ފަށަނީ ކޮންމެ ވިއުޕޯޓެއް ކުރިޔަސް.
ދެ ކޮލަމެވެ
ޑެސްކްޓޮޕްތަކުން ފެށިގެން ބޮޑެތި ޑެސްކްޓޮޕްތަކަށް ސްކޭލްކޮށްގެން ދެ ކޮލަމް ހޯދުން .
ފުރިހަމަ ފުޅާމިނުގައި، އެއް ކޮލަމެއް
ފުލް ވިޑްތް އެލިމެންޓްތަކަށް އެއްވެސް ގްރިޑް ކްލާހެއް ބޭނުން ނުވާނެއެވެ.
ނެސްޓްކޮށްފައިވާ ދެ ކޮލަމް ހުންނަ ދެ ކޮލަމް
ޑޮކިއުމަންޓޭޝަން އަށް ބަލާއިރު، ނެސްޓިންގ އަކީ ފަސޭހަ ކަމެއް- ހަމައެކަނި މިހާރު ހުރި ކޮލަމެއްގެ ތެރޭގައި ކޮލަމްތަކުގެ ރޯއެއް ބަހައްޓާށެވެ. މިއީ ޑެސްކްޓޮޕްތަކުން ފެށިގެން ބޮޑެތި ޑެސްކްޓޮޕްތަކަށް ސްކޭލް ކުރާ ދެ ކޮލަމް ލިބޭ އެއްޗެއް , ބޮޑު ކޮލަމްގެ ތެރޭގައި އިތުރު ދެ ކޮލަމް (ހަމަ ފުޅާމިން) އާއެކު.
މޯބައިލް ޑިވައިސް ސައިޒްތަކާއި ޓެބްލެޓްތަކާއި ޑައުންގައި މި ކޮލަމްތަކާއި އެ ކޮލަމްތަކުގައި ނެސްޓް ކޮލަމްތައް ސްޓޭކް ވާނެއެވެ.
މިކްސްޑް: މޯބައިލް އަދި ޑެސްކްޓޮޕް
ބޫޓްސްޓްރެޕް v4 ގްރިޑް ސިސްޓަމްގައި ފަސް ޓިއަރގެ ކްލާސްތައް ހުރެއެވެ: xs (އިތުރު ކުޑަ، މި ކްލާސް އިންފިކްސް ބޭނުން ނުކުރެވޭ)، sm (ކުޑަ)، md (މީޑިއަމް)، lg (ބޮޑު)، އަދި xl (އިތުރު ބޮޑު) އެވެ. މި ކްލާސްތަކުގެ ގާތްގަނޑަކަށް ކޮންމެ ކޮމްބިނޭޝަނެއް ބޭނުންކޮށްގެން ވެސް މިއަށްވުރެ ޑައިނަމިކް އަދި ފްލެކްސިބަލް ލޭއައުޓްތައް އުފެއްދިދާނެއެވެ.
ކްލާސްތަކުގެ ކޮންމެ ޓިއަރެއް ސްކޭލް އަޕް ވެގެންދާއިރު، މާނައަކީ md، lg އަދި xl އަށް އެއް ވިޑްތްތައް ސެޓް ކުރަން ރާވާފައިވާނަމަ، ހަމައެކަނި md ކަނޑައަޅަން ޖެހެއެވެ.
މިކްސްޑް: މޯބައިލް، ޓެބްލެޓް، އަދި ޑެސްކްޓޮޕް
ގަޓަރސް އެވެ
ކްލާސްތަކާއެކު ހޮރައިޒޮންޓަލް ގަޓަރުތައް .gx-*އެޖެސްޓް ކުރެވޭނެ އެވެ.
.col.gx-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gx-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gx-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gx-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gx-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gx-4ގަޓަރުތަކާއެކުގައެވެ
_
.gy-*ވަށައިގެންވާ ގަޓަރުތައް ކޮންޓްރޯލް ކުރުމަށް ކްލާސްތައް ބޭނުން ކުރާށެވެ .
.col.gy-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gy-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gy-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gy-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gy-4ގަޓަރުތަކާއެކުގައެވެ
_
.col.gy-4ގަޓަރުތަކާއެކުގައެވެ
_
.g-*ކްލާސްތަކާއެކު ދެ ދިމާލުގައި ހުންނަ ގަޓަރުތައް އެޖެސްޓް ކުރެވޭނެ އެވެ .
.col.g-3ގަޓަރުތަކާއެކުގައެވެ
_
.col.g-3ގަޓަރުތަކާއެކުގައެވެ
_
.col.g-3ގަޓަރުތަކާއެކުގައެވެ
_
.col.g-3ގަޓަރުތަކާއެކުގައެވެ
_
.col.g-3ގަޓަރުތަކާއެކުގައެވެ
_
.col.g-3ގަޓަރުތަކާއެކުގައެވެ
_
ކޮންޓެއިނަރުތައް
ބޫޓްސްޓްރެޕް v4.4 ގައި އިތުރުކޮށްފައިވާ އިތުރު ކްލާސްތަކުން ވަކި ބްރޭކްޕޮއިންޓަކަށް ދާންދެން %100 ފުޅާ ކޮންޓެއިނަރުތައް ބޭނުންކުރެވޭނެއެވެ. v5 އިން އާ xxlބްރޭކްޕޮއިންޓެއް އިތުރުކުރެއެވެ.