BGS 09 Januari 2021

Membuat website Landing Page menggunakan Bootstrap



Pada artikel kali ini saya hanya meninggalkan sedikit catatan belajar membuat sebuah Landing Page dari channel YouTube Web Programming UNPAS NGOBAR#8 : Membuat Website LANDING PAGE menggunakan BOOTSTRAP versi 4 oleh @sadhikagalih.

Disini saya tidak membahas dari awal sampai akhir, untuk pembahasan tersebut langsung ikuti saja panduan video pada link sumber diatas. Dari percobaan yang telah saya lakukan terdapat beberapa perbedaan yang kemungkinan karena saya disini menggunakan BOOTSTRAP versi 5, untuk menyesuaikan saya mencari cara sendiri dari sumber lain agar bisa mirip hasilnya.

Berikut ini perbedaan yang saya sesuaikan, yaitu:

Pada bagian Navbar tidak bisa diatur ke kanan menggunakan ml-auto, jadi disini menggunakan ms-auto. 

Pada bagian Jumbotron pada BOOTSTRAP versi 5 tidak ada, jadi menggunakan format dari versi 4. Dan menemui kendala untuk text bila menggunakan margin-top maka background-img juga ikut bergeser, jadi saya rubah menggunakan padding-top.

Pada bagian info-panel img class = float-left tidak menggeser gambar, jadi saya menaruhnya pada style.

Perbedaan tersebut belum tentu benar karena perbedaan versi BOOTSTRAP, bisa saja kesalahan saya dalam koding karena sensitif, mengingat saya baru belajar dalam koding.

Untuk melihat hasilnya seperti pada screenshot, lihat pada tautan link kesini landing-page-1

Pembahasan artikel mengenai bootstrap akan saya tulis sendri di lain kesempatan dengan membuat landing page sendiri. 

1 komentar:

Terima kasih telah berkunjung dan membaca artikel ini. Silahkan berikan saran dan pertanyaan di kolom berikut ini.