Teman-teman pada artikel kali ini saya akan mencoba membahas tentang Fungsi Dari Class Hero di Bulma Framework. Class Hero adalah class yang disediakan oleh bulma untuk membuat suatu kotak besar yang dimana kita bisa menggunakannya untuk menaruh konten-konten sperti konten image yang besar dan bisa juga kita menggunakannya untuk menampilkan konten yang penting seperti iklan produk yang kita akan pasarkan. Maka dari itu hero tidak jauh beda dengan jumbotron pada bootstrap.

Untuk lebih memperjelas tentang Fungsi Dari Class Hero di Bulma Framework, saya akan mencoba memberikan cara bagaimana membuat Hero tersebut:

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:

Fungsi Dari Class Hero di Bulma Framework

3.Ketiga

Teman-teman tambahkan class is-primary di bawah ini pada tag section untuk membuat Hero atau kotak besarnya menjadi berwarna

refresh browsernya maka tampilan hero akan berubah warnanya

Fungsi Dari Class Hero di Bulma Framework

Class hero adalah class yang memudahkan kita mebuat suatu kotak besar dan class is-primary membuat warna dasar kotak besar menjadi hijau. Untuk penjelasan class apa saja yang bisa kita gunakan untuk mewarnai background pada class hero saya akan membahasnya pada artikel pada lain hari.

Dengan bulma kita dapat dengan mudah membuat kotak besar tentunya dengan class yang sudah di sediakan oleh bulma. Bagaimana teman-teman cukup mudahkan membuat kotak besar menggunakan class hero pada bulma.

Sekian pembahasan kali ini tentang Fungsi Dari Class Hero di Bulma Framework. Semoga bermanfaat.