BOOTSTRAP - MENGURUTKAN KOLOM

Bootstrap | Mengurut Kolom | Budayakan Berbagi

Selain melakukan penggeseran kolom dengan offset, anda juga dapatmengurutkan kolom atau menukar posisi antara kolom satu dengan kolom lain dengan menggunakan class .col-md-push-* dan .col-md-pull-*. Berikut contoh kode untuk mengurutkan kolom:
Baca juga artikel lainnya :

Setelah anda simpan sebagaiberkas HTML, coba anda jalankan di browser. Secara default, kolom yang pertama anda akan ketikkandi baris kode HTML akan muncul sebelah kiri, tetapi dengan .col-md-push-* dan col-md-pull-*, kolom menjadi saling bertukar posisi.

Sebenarnya, class padakode di atas bukan bertukar posisi atau mengurutkan kolom. Cara kerjaoffset kolom class col-md-push-* berfungsi menambah titik awal atau posisi kolom sesuai yangditentukan. Untuk membuktikannya, coba dari kode mengurutkan kolom yang telah anda buat. Anda ganti col-md-push-2 dengan col-md-push-3.

Artikel Terkait :


Sekian artikel kali ini, silahkan lanjut ke materi selanjutnya dan budayakan berbagi dan semoga Bermanfaat ...

Share this

Related Posts

Previous
Next Post »