Membuat Middle Konten dengan Bootstrap 3

Membuat Middle Konten dengan Bootstrap 3 - Middle konten merupakan penataan letak suatu konten pada website yang berpusat di tengah layar, mungkin diantara kalian pernah melihat desain website yang menampilkan konten baik berupa gambar, ataupun berupa objek lainnya berada persis di tengah layar. Tentu desain seperti ini dibuat dengan kebutuhan dan selera masing - masing. Nah, buat kalian yang penasaran dan ingin mencoba membuat desain konten seperti itu, berikut akan saya kasih tutorial dan mempraktekan bagaimana Membuat Middle Konten dengan Bootstrap 3.

Sebelum memulai praktek membuat middle konten, kalian wajib mengerti cara menggunakan bootstrap, dan pada kasus yang akan di buat nanti akan menggunakan bootstrap 3, jadi silahkan kalian siapkan file bootstrap 3 terlebih dahulu.

Langkah 1 : Membuat Middle Konten dengan Bootstrap 3

Kita mulai dengan langkah pertama, yakni kalian buat dulu struktur sederhana HTML seperti berikut untuk membuat konten, yakni berupa gambar dan satu paragraf.

Langkah 2 : Membuat Middle Konten dengan Bootstrap 3

Setelah membuat struktur seperti diatas, selanjutnya kita akan mendesain bagian konten agar tujuan utama kita yakni membuat middle konten tercapai dengan menambahkan sintak CSS sederhana seperti berikut.

Setelah semua sintak telah diketikan semua, silahkan simpan dan buka pada browser masing - masing dan lihat hasilnya, maka hasilnya akan seperti gambar berikut, dimana konten yang telah kita buat akan terpusat dibagian tengah (middle) layar. Selesai

Baik, cukup sekian tutorial kali ini mengenai Membuat Middle Konten dengan Bootstrap 3, semoga bermanfaat dan selamat mencoba :)