Hallo teman-teman Dumet School. Kembali lagi dengan saya di kursus web design duet school. kali ini saya akan membahas tentang Mengenal Class Padding dan Margin di Bootstrap 4. Di bootstrap versi 4 ini banyak sekali class yang bisa kita manfaatkan, terutama padding dan margin. Dimana bootstrap 4 ini menyediakan class untuk padding dan margin. Berikut penjelasan untuk padding dan margin.

Properti :

  •     m – kelas untuk menetapkan margin
  •     p –  kelas untuk mengatur padding

Sisi:

  •     t – kelas untuk mengatur margin-top atau padding-top
  •     b – kelas untuk menetapkan margin-bottom atau padding-bottom
  •     l – kelas untuk mengatur margin-kiri atau padding-kiri
  •     r – kelas untuk mengatur margin-kanan atau padding-kanan
  •     x – kelas untuk mengatur padding atau margin * -kiri dan * kanan
  •     y – kelas untuk mengatur padding atau margin  * -top dan * -bottom
  •     blank – kelas untuk menetapkan margin atau padding pada semua 4 sisi elemen

Ukuran:

  •     0 – kelas untuk menghilangkan margin atau padding dengan mengaturnya ke 0
  •     1 – (secara default) kelas untuk mengatur margin atau padding ke $ spacer * .25
  •     2 – (secara default) kelas untuk mengatur margin atau padding ke $ spacer * .5
  •     3 – (secara default) kelas untuk mengatur margin atau padding ke $ spacer
  •     4 – (secara default) kelas untuk mengatur margin atau padding ke $ spacer * 1.5
  •     5 – (secara default) kelas untuk mengatur margin atau padding ke $ spacer * 3
  •     auto – kelas untuk mengatur margin ke otomatis

Nah untuk Mengenal Class Padding dan Margin di Bootstrap 4 tentu kita harus mengetahui cara penulisannya seperti apa. Nah disini saya akan mencontohkan cara penulisan padding atau margin.

Jika teman-teman perhatikan untuk scriptnya saya menggunakan class jumbroton dimana didalamnya terdapat tag hr dengan class my-4 artinya disini m untuk margin y untuk sumbu y atau vertical dan 4 untuk ukuran 1.5 rem. Jadi kesimpulannya saya memberikan class my-4 pada tag hr dimana artinya sama dengan saya memberikan margin atas dan bawah sebanyak 1.5 rem.

Nah disini teman-teman bisa simpulkan cara penulisannya. jika saya berikan pt-2 maka artinya padding-top sebanyak 0.5 rem dan begitu seterusnya.

Demikian artikle tentang Mengenal Class Padding dan Margin di Bootstrap 4. Semoga artikel ini dapat bermanfaat untuk teman-teman. Selamat mencoba.