BOOTSTRAP - MENGURUTKAN KOLOM

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 : Mengenal Framework Bootstrap Cara Menerapkan Bootstrap Pada Website Grid / Pembagian kolom Pada Bootstrap

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 : Penggunaan Grid Untuk Perangkat handphone Penggunaan Grid Untuk Perangkat Tablet dan desktop Penggunaan Grid Untuk Perangkat handphone, Tablet dan Desktop Membuat Nesting Column/ Kolom di dalam kolom Offset Kolom (Menggeser Kolom) Nesting Kolom (Kolom Di dalam Kolom) Mengurutkan Kolom

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

Author : budayakanberbagi

Share this

Google Facebook Twitter More

• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote

Related Posts

• MENGENAL FRAMEWORK BOOTSTRAP Bootstrap - Mengenal framework bootstrap | Budayakan Berbagi
• TIPOGRAFI PADA BOOSTRAP - LIST Bootstrap | Tipografi Pada Bootstrap - List | Budayakan Berbagi
• PENERAPAN SIZING STYLE BUTTON GROUP BOOTSTRAP Bootstrap | PENGGUNAAN BUTTON GROUP PADA BOOTSTRAP | Budayakan Berbagi
• TIPOGRAFI PADA BOOSTRAP - TEXT FORMATING Bootstrap | Tipografi Pada Bootstrap - Text Formating | Budayakan Berbagi hr {