Apabila teman-teman ingin membuat atau memulai baris baru pada bootstrap maka teman-teman harus menutup .container terlebih dahulu. Bagi saya itu sangat menjengkelkan ketika kita harus membuat line baru lagi maka dari itu saya akan membahas tentang Tips dan Trick Membuat Multiline Pada Bulma Framework.

Di bulma framework teman-teman dapat membuatnya otomatis tidak perlu membuat lagi .container karena di bulma sudah menyediakan suatu class yang dapat membuat line baru secara otomatis namun dalam satu row cukup dengan menambahkan .is-multiline. Ok, langsung saja saya akan mencoba memberikan Tips dan Trick Membuat Multiline Pada Bulma Framework:

– 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:

Tips dan Trick Membuat Multiline Pada Bulma Framework

Kita lihat gambar diatas dimana kita telah selesai membuat beberapa kolom di dalam satu row. Hanya dengan menambahkan class .is-multiline maka kita dapat sepuasnya enambhakan kolom tanpa harus membuat line baru lagi. Bagaimana teman-teman cukup mudahkan menggunakan bulma framework yang berbasis flex box, sekarang tergantung teman-teman memilih framework mana yang mudah di gunakan untuk mendesain suatu website.

Sekian Tips dan Trick Membuat Multiline Pada Bulma Framework. Semoga bermanfaat.

WhatsApp chat