Fungsi Offsetting Columns Pada Bootstrap 3

Offsetting Columns pada Bootstrap 3 berfungsi untuk menggeser kolom ke kanan sebanyak kolom yang ada pada Bootstrap. Cara kerja Offsetting Columns pada Bootstrap yaitu mengikuti banyaknya kolom Grid yang ada pada Bootstrap, contohnya jika kalian ingin menempatkan kolom col-md-6 berada di tengah kalian bisa gunakan offset nya 3 atau jika kalian ingin menempatkan col-md-4 berada di sebelah kanan kalian bisa gunakan offset 8. Nah untuk cara menggunakan Offsetting Columns ini sangat mudah, kalian bisa menambahkan class .col-x-offset-xx pada elemen yang ingin kalian geser. Berikut adalah contoh menggunakannya.

Pada contoh HTML di atas kalian bisa menambahkan class .col-md-offset-3 di dalam class .col-md-6 untuk membuat kolom .col-md-6 berada di tengah, sedangkan pada class .col-md-4 kalian bisa tambahkan .col-md-offset-8 jika ingin membuat kolom .col-md-4 berada di sebelah kanan. jika di jalankan maka hasilnya akan seperti gambar di bawah ini.

Cukup mudah bukan teman-teman, sekian dulu tutorial dari saya sampai ketemu di tutorial berikutnya, terima kasih.