css
twitter-bootstrap
bootstrap-4
twitter-bootstrap-4
Phillip Senn
sumber
sumber
Jawaban:
Bootstrap memiliki beragam kelas responsif dan padding utilitas. Mereka bekerja untuk semua breakpoints:
xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) atau xl (> = 1200px))
Kelas-kelas digunakan dalam format:
{properti} {sisi} - {ukuran} untuk xs & {properti} {sisi} - {breakpoint} - {ukuran} untuk sm, md, lg, dan xl.
m - set margin
p - set padding
t - mengatur margin-top atau padding-top
b - mengatur margin-bottom atau padding-bottom
l - mengatur margin-kiri atau padding-kiri
r - mengatur margin-right atau padding-right
x - mengatur kedua padding-kiri dan padding-kanan atau margin-kiri dan margin-kanan
y - mengatur padding-top dan padding-bottom atau margin-top dan margin-bottom
blank - mengatur margin atau bantalan pada keempat sisi elemen
0 - set margin atau padding ke 0
1 - set margin atau padding ke .25rem (4px jika ukuran font 16px)
2 - set margin atau padding ke .5rem (8px jika ukuran font 16px)
3 - set margin atau padding ke 1rem (16px jika ukuran font 16px)
4 - set margin atau padding ke 1.5rem (24px jika ukuran font 16px)
5 - set margin atau padding ke 3rem (48px jika ukuran font 16px)
auto - set margin ke otomatis
Lihat lebih lanjut di Bootstrap 4.5 - Spacing
Baca lebih lanjut di w3schools
sumber
Ini digunakan untuk membuat margin bawah 0 (
margin-bottom:0
). Anda dapat melihat lebih banyak dari kelas utilitas spasi baru di sini: https://getbootstrap.com/docs/4.0/utilities/spacing/Terkait: Bagaimana cara menggunakan Kelas Spacing Utility pada Bootstrap 4
sumber
m
- untuk kelas yang menetapkan margin, seperti ini:mt
- untuk kelas yang ditetapkanmargin-top
mb
- untuk kelas yang ditetapkanmargin-bottom
ml
- untuk kelas yang ditetapkanmargin-left
mr
- untuk kelas yang ditetapkanmargin-right
mx
- untuk kelas yang mengatur keduanyamargin-left
danmargin-right
my
- untuk kelas yang mengatur keduanyamargin-top
danmargin-bottom
Di mana ukuran adalah salah satu margin:
0
- untuk kelas yang menghilangkan margin dengan mengaturnya ke 0, sepertimt-0
1
- (secara default) untuk kelas yang mengatur margin ke $ spacer * .25, sepertimt-1
2
- (secara default) untuk kelas yang mengatur margin ke $ spacer * .5, sepertimt-2
3
- (secara default) untuk kelas yang mengatur margin ke $ spacer, sepertimt-3
4
- (secara default) untuk kelas yang mengatur margin ke $ spacer * 1.5, sepertimt-4
5
- (secara default) untuk kelas yang mengatur margin ke $ spacer * 3, sepertimt-5
auto
- untuk kelas yang mengatur margin ke otomatis, sepertimx-auto
sumber
m - set margin
p - set padding
t - mengatur margin-top atau padding-top
b - mengatur margin-bottom atau padding-bottom
l - mengatur margin-kiri atau padding-kiri
r - mengatur margin-right atau padding-right
x - mengatur kedua padding-kiri dan padding-kanan atau margin-kiri dan margin-kanan
y - mengatur padding-top dan padding-bottom atau margin-top dan margin-bottom
blank - mengatur margin atau bantalan pada keempat sisi elemen
0 - set margin atau padding ke 0
1 - set margin atau padding ke .25rem (4px jika ukuran font 16px)
2 - set margin atau padding ke .5rem (8px jika ukuran font 16px)
3 - set margin atau padding ke 1rem (16px jika ukuran font 16px)
4 - set margin atau padding ke 1.5rem (24px jika ukuran font 16px)
5 - set margin atau padding ke 3rem (48px jika ukuran font 16px)
auto - set margin ke otomatis
sumber