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.

13 Februari 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat