Cara Membuat 2 Kolom Di Bootstrap Menjadi di Tengah Secara Horizontal

Baik teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana cara nya membuat kolom yang ada di bootstrap menjadi rata tengah secara horizontal. Sebenarnya ada banyak teknik yang dapat di lakukan untuk membuat kolom yang ada di Bootstrap menjadi rata tengah secara horizontal, tetapi disini saya akan menggunakan teknik yang berbeda yaitu dengan memanfaatkan property-property yang ada di CSS. Baik kita akan coba langsung membuat nya saja ye teman-teman.

Pertama kalian bisa download terlebih dahulu file bootstrap nya dan panggil file CSS dan jQuery yang ada di dalam download bootstrap tersebut di file HTML kalian seperti gambar di bawah ini.

Selanjutnya kalian bisa ketikkan baris program di bawah ini untuk struktur HTML nya.

Perhatikan pada baris program di atas, saya menambahkan nama baru yaitu class .row-centered di dalam class .row dan class .col-centered di dalam class .col-md-3¸ jadi nanti kita akan tambahkan beberapa property CSS di 2 class tersebut untuk membuat kolom menjadi rata tengah secara horizontal.

Dan yang terakhir tambahkan beberapa baris program CSS di bawah ini untuk membuat 2 kolom tersebut menjadi di tengah secara horizontal.

Maka nanti hasilnya seperti ini.

Cukup mudah ya teman-teman, sekian dulu tutorial dari saya sampai ketemu di tutorial berikutnya ya teman-teman, Terima Kasih.

5 Oktober 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 Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat