Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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">
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
ada baiknya hitungannya pakai rem daripada px, hal tersebut akan membantu agan dalam masalah responsive di bootstrap 4
biasanya pakai 0.4rem, 2rem, dsb
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>