Haloo teman-teman Dumet School, kembali lagi dengan saya shelli ripati. Kemarin kita sudah membahas tentang Mengenal Class Reordering Pada Bootstrap 4 Part 2, dimana isinya tentang mengenal .order- dengan memberikan nomor pada kelas order. Kali ini saya masih membahas kembali tentang Mengenal Class Reordering Pada Bootstrap 4 Part 2.

Kelas ordering pada bootstrap 4 ini berfungsi untuk membantu kita mengatur urutan posisi atau letak dari column. Nah yang membedakan dari pembahasan kemarin adalah disini kelas ordernya kita tidak akan memberikannya nomor untuk dapat mengurutkan posisi atau letak dari column. Namun kita bisa menggunakan kelas .order-first dan .order-last. Dari namanya teman-teman mungkin sudah bisa langsung menebak posisi column jika kita berikan kelas order dari salah satu kelas tersebut.

Oke, biar tidak bingung dan dapat lebih Mengenal Class Reordering Pada Bootstrap 4 Part 2 saya akan langsung praktekkan untuk membuat struktur htmlnya. Berikut scriptnya ya teman-teman bisa langsung di salin aja.

Teman-teman bisa lihat kembali scriptnya dan perhatikan juga hasil tampilannya seperti pada gambar di bawah ini.

Mengenal Class Reordering Pada Bootstrap 4 Part 2

Dimana saya memiliki 3 col dalam 1 row di col pertama saya memberikan .order-last maka secara otomatis urutan dari column tersebut paling akhir atau sebelah kanan dan di col kedua saya tidak memberikan kelas order dan di col ketiga saya berikan kelas .order-first maka col ketiga posisinya akan berada di urutan pertama atau sebelah kiri dan col kedua berada di tengah-tengah.

Demikian artikel tentang Mengenal Class Reordering Pada Bootstrap 4 Part 2. Sampai jumpa di pembahasan berikutnya ya teman-teman. Semoga bermanfaat dan selamat mencoba.