Cara Menghapus Jarak Antar Kolom pada Bulma

Apabila kita membuat suatu grid yang terdiri dari beberapa kolom pada bulma kita bisa melihat bahawa ada jarak antara kolom yang kita buat, jarak tersebut kita sebut gapless. Pasti temna-teman bertanya bagaimana cara menghilangkan jarak tersebut. Tenang saja pada tips dan trick kali ini saya akan memberi tips Cara Menghapus Jarak Antar Kolom pada Bulma.

Setiap kolom pada bulma memiliki padding masing-masing untuk memberikan jarak antar kolom satu denga kolom yang lainnya. Langsung saja saya akan memberikan langkah-langkah Cara Menghapus Jarak Antar Kolom pada Bulma:

– Pertama, anda download file bulmanya di situs bulma itu sendiri dan tempatkan pada folder project yang teman-teman buat.

– Kedua, anda ketikan kode html di bawah ini:

Setelah selesai coba teman-teman buka di browser teman-teman maka tampilannya akan menjadi seperti berikut:

Cara Menghapus Jarak Antar Kolom pada Bulma

Pada gambar diatas teman-teman bisa melihat perbedaan antara kolom yang berum kita beri class .is-gapless dan yang sudah di berikan. Kesimpulannya class .is-gapless berfungsi unutk menghapus jarak atau padding dari kolom tersebut.

Dengan bulma kita dapat dengan mudah memodifikasi kolom dengan memberikan class yang sudah di sediakan oleh bulma. Bagaimana teman-teman cukup mudahkan menghapus jarak antar kolom pada bulma.

Sekian tips dan trick tentang Cara Menghapus Jarak Antar Kolom pada Bulma. Semoga bermanfaat.