Tidak jauh beda dengan bootstrap offsetting kolom pada bulma adalah proses memnggeser kolom ke kanan sebanyak yang kita inginkan namun dengan batasan dua belas kolom. Pada tutorial kali ini saya akan mencoba membahas tentang Cara Offseting Kolom pada Bulma.

Offseting sangat berguna dimana kita akan membuat kolom sebeanyak 1 kolom hanya pada bagian kanan saja tanpa bagian kiri dan tengah. Nah dengan menggunakan class is-offset-(jumlah kolom) pada bulma, kali ini saya akan memberikan langkah-langkah Cara Offseting 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:

Untuk Penjelasan kode html-nya saya sudah berikan commenting pada kode di atas. Setelah selesai coba teman-teman buka di browser teman-teman maka tampilannya akan menjadi seperti berikut:

Cara Offseting Kolom pada Bulma

Dengan bulma kita dapat membuat kolom sebesar 8 kolom namun posisinya berada di tengah adapan kita dapat menggeser sebanyak 8 kolom ke arah kanan dengan hanya memanggil class yag sudah disediakan oleh bulma.

Sekian Tutorial tentang Cara Offseting Kolom pada Bulma. Semoga bermanfaat.

WhatsApp chat