ސްޕޭސިންގ
ބޫޓްސްޓްރަޕްގައި ހިމެނެނީ އެލިމެންޓެއްގެ ސިފަ ބަދަލުކުރުމަށް ޝޯޓްހެންޑް ރެސްޕޮންސިވް މާރޖިން އާއި ޕެޑިންގ ޔުޓިލިޓީ ކްލާސްތަކުގެ ފުޅާ ދާއިރާއެކެވެ.
އެކަން ކުރާ ގޮތް
ޝޯޓްހެންޑް ކްލާސްތަކާއެކު އެލިމެންޓަކަށް ނުވަތަ އޭގެ ސައިޑްތަކުގެ ސަބްސެޓަކަށް ރެސްޕޮންސިވް ފްރެންޑްލީ margin
ނުވަތަ ވެލިއުތައް ހަވާލުކުރުން. padding
ވަކިވަކި ޕްރޮޕަޓީތަކާއި، ހުރިހާ ޕްރޮޕަޓީތަކާއި، ވަރުގަދަ އަދި ހޮރައިޒޮންޓަލް ޕްރޮޕަޓީތަކަށް ސަޕޯޓް ދިނުން ހިމެނެއެވެ. ކްލާސްތައް ބިނާކޮށްފައިވަނީ ޑިފޯލްޓް ސާސް މެޕަކުން ފެށިގެން .25rem
.3rem
ނޯޓޭޝަން
xs
ހުރިހާ ބްރޭކްޕޮއިންޓްތަކަށް، އިން ފެށިގެން އަށް އަމަލުކުރާ ސްޕޭސިންގ ޔުޓިލިޓީތަކުގައި xl
ބްރޭކްޕޮއިންޓް ކުރުކުރުމެއް ނެތެވެ. އެއީ އެ ކްލާސްތައް އެޕްލައި ކުރެވެނީ އިން ފެށިގެން min-width: 0
މައްޗަށް ކަމުން، އަދި މިހެން ވުމުން މީޑިއާ ކިއުއަރީއަކުން ބަނދެވިފައި ނުވާތީ އެވެ. ނަމަވެސް ބާކީ ހުރި ބްރޭކްޕޮއިންޓްތަކުގައި ބްރޭކްޕޮއިންޓްގެ ކުރުކުރުން ހިމެނެއެވެ.
ކްލާސްތަކަށް ނަން ދީފައިވަނީ , , , އަދި އަށް {property}{sides}-{size}
ފޯމެޓް ބޭނުންކޮށްގެންނެވެ .xs
{property}{sides}-{breakpoint}-{size}
sm
md
lg
xl
މުދަލަކީ އެއް ތަނެއްގައި :
m
- ސެޓް ކުރާ ކްލާސްތަކަށްmargin
p
- ސެޓް ކުރާ ކްލާސްތަކަށްpadding
ކޮންތާކު ސައިޑްސް އަކީ އެއް ފަރާތެވެ:
t
- ސެޓްކުރާ ކްލާސްތަކަށްmargin-top
ނުވަތަ ...padding-top
b
- ސެޓްކުރާ ކްލާސްތަކަށްmargin-bottom
ނުވަތަ ...padding-bottom
l
- ސެޓްކުރާ ކްލާސްތަކަށްmargin-left
ނުވަތަ ...padding-left
r
- ސެޓްކުރާ ކްލާސްތަކަށްmargin-right
ނުވަތަ ...padding-right
x
- ދެ ކްލާސްތަކަށް*-left
އަދި ...*-right
y
- ދެ ކްލާސްތަކަށް*-top
އަދި ...*-bottom
- blank - އެލިމެންޓްގެ ހުރިހާ 4 ފަރާތެއްގައި
margin
ނުވަތަ އެއް ނުވަތަ ސެޓްކުރާ ކްލާސްތަކަށްpadding
ސައިޒަކީ އެއް ތަނެއްގައި :
0
margin
- ނުވަތަpadding
އެއަށް ސެޓްކޮށްގެން ނައްތާލާ ކްލާސްތަކަށް0
1
margin
- (ބައި ޑިފޯލްޓް) އަށް ނުވަތަpadding
އަށް ސެޓްކުރާ ކްލާސްތަކަށް$spacer * .25
2
margin
- (ބައި ޑިފޯލްޓް) އަށް ނުވަތަpadding
އަށް ސެޓްކުރާ ކްލާސްތަކަށް$spacer * .5
3
margin
- (ބައި ޑިފޯލްޓް) އަށް ނުވަތަpadding
އަށް ސެޓްކުރާ ކްލާސްތަކަށް$spacer
4
margin
- (ބައި ޑިފޯލްޓް) އަށް ނުވަތަpadding
އަށް ސެޓްކުރާ ކްލާސްތަކަށް$spacer * 1.5
5
margin
- (ބައި ޑިފޯލްޓް) އަށް ނުވަތަpadding
އަށް ސެޓްކުރާ ކްލާސްތަކަށް$spacer * 3
auto
margin
- ޓު އޮޓޯ ސެޓްކުރާ ކްލާސްތަކަށް
$spacers
( ސާސް މެޕް ވެރިއޭބަލްއަށް އެންޓްރީތައް އިތުރުކޮށްގެން އިތުރު ސައިޒްތައް އިތުރުކުރެވިދާނެއެވެ .)
މިސާލުތަކެވެ
މި ކްލާސްތަކުގެ ބައެއް ތަމްސީލު މިސާލުތައް ތިރީގައި މިވަނީއެވެ.
ހޮރައިޒޮންޓަލް ސެންޓަރިންގ އެވެ
Additionally, Bootstrap also includes an .mx-auto
class for horizontally centering fixed-width block level content—that is, content that has display: block
and a width
set—by setting the horizontal margins to auto
.
Negative margin
In CSS, margin
properties can utilize negative values (padding
cannot). As of 4.2, we’ve added negative margin utilities for every non-zero integer size listed above (e.g., 1
, 2
, 3
, 4
, 5
). These utilities are ideal for customizing grid column gutters across breakpoints.
The syntax is nearly the same as the default, positive margin utilities, but with the addition of n
before the requested size. Here’s an example class that’s the opposite of .mt-1
:
md
މިއީ މީޑިއަމް ( ) ބްރޭކްޕޮއިންޓް އަދި އެއަށްވުރެ މަތީގައިވާ ބޫޓްސްޓްރެޕް ގްރިޑް ކަސްޓަމައިޒް ކުރުމުގެ މިސާލެކެވެ . އަހަރެމެން .col
ޕެޑިންގް އިތުރުކޮށްފައި .px-md-5
ދެން ކައުންޓަރ ކޮށްފައި އެ ވިތު .mx-md-n5
އޮން ދަ ޕޭރެންޓް .row
.