Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

Spacing bootstrap yang baik gimana

mau tanya saya kan lagi belajar boostrap, setelah section header selesai lanjut section lainnya kok jarak antara section 1 ke yang lainnya kayak kurang jauh, disini saya pakai py-5 mt-5 didalam container section kedua,apakah salah?atau ada cara lainnya?

<div class="container py-5 mt-5">

avatar Aryormdhnn
@Aryormdhnn

1 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

3 Jawaban:

ga ada yang pasti, semuanya relevan. tapi kalo agan pengen adanya repetisi di setiap margin section, agan lebih baikk buat variable di css,

:root { --section-padding: 100px;

}

agan bisa langsung pake di section,

<section class="hero"></section>

.hero { .padding: 0 0 var(--section-padding); /* untuk aplikasikan padding bottom saja }

/EDIT/

saya baru sadar kalo agan hanya ingin bisa marginnya lebih jauh, maksimum dari bootstrap itu m-5, artinya kode agan sudah maksimum, agan harus kustom sendiri, caranya bisa menggunakan inline style, atau dari file css, tp untuk contohnya saya berikan saja yang inline

//Inline style

<div class="container" style="margin-bottom:100px;"></div>

catatan: kalo agan menggunakan cara ini, semua property dari class bootstrap yang memegang kendali yang sama akan di override, contoh: <div class="container mb-5" style="margin-bottom: 100px;"> -> maka margin bottom yang digunakan adalah 100px, class diabaikan

avatar rubichandrap
@rubichandrap

25 Kontribusi 19 Poin

Dipost 4 tahun yang lalu

ada baiknya hitungannya pakai rem daripada px, hal tersebut akan membantu agan dalam masalah responsive di bootstrap 4

biasanya pakai 0.4rem, 2rem, dsb

avatar uzzielpelawak
@uzzielpelawak

72 Kontribusi 21 Poin

Dipost 4 tahun yang lalu

ingin mendapatkan kemenangan hingga jutaan dan ratusan juta rupiah ???? bisa langsung kunjungi situs IDN <a href='https://bit.ly/2Y8gKuK'>https://bit.ly/2Y8gKuK</a>

info lebih lanjut <a href=' https://bit.ly/35iQf7l'>kontak WA </a>

avatar vivianachen
@vivianachen

3 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban