Bagi yang belum tahu apa itu breadcrumb dan bagaimana cara membuatnya menggunakan bulma framework silakan baca dulu artikel tentang Cara Membuat Breadcrumb Menggunakan Bulma Framework. Pada tutorial kali ini saya akan mencoba membagi Cara Mengubah Posisi Breadcrumb di Bulma Framework.

Setelah pada tutorial pertama tentang breadcrumb pada tutorial kali ini saya akan mengubah pisisi menu breadcrumb untuk paket kursus. Langsung saja saya akan memberikan langkah-langkah Cara Mengubah Posisi Breadcrumb di Bulma Framework:

1. Pertama

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

2. Kedua

anda ketikan kode html di bawah ini:

Coba teman-teman buka di browser teman-teman maka tampilannya akan menjadi seperti berikut:

Cara Mengubah Posisi Breadcrumb di Bulma Framework

Class breadcrumb adalah class yang memudahkan kita mebuat suatu breadcrumb dan class is-centered membuat posisi breadcrumb berada di tengah-tengah kolom, is-left akan merubah posisi breadcrumb menjadi di sebelah kiri, dan is-right akan merubah posisinya ke sebelah kanan.

Dengan bulma kita dapat dengan mudah membuat breadcrumb dan mengubah posisinya tentunya dengan class yang sudah di sediakan oleh bulma. Bagaimana teman-teman cukup mengubah posisi breadcrumb pada bulma.

Sekian pembahasan kali ini tentang Cara Mengubah Posisi Breadcrumb di Bulma Framework. Semoga bermanfaat.