Hello guys! Bootstrap merupakan salah satu Framework CSS yang paling terkenal dan sering digunakan. Kali ini kita akan membuat Program Alignment Vertikal dalam Bootstrap.
Sumber : Getbootstrap.com
Berikut ini adalah Cara menggunakan Utilitas Alignment Vertikal menggunakan Bootstrap :
<div class="container"><div class="row align-items-start"><div class="col">Satu dari Tiga Kolom</div><div class="col">Satu dari Tiga Kolom</div><div class="col">Satu dari Tiga Kolom</div></div><div class="row align-items-center"><div class="col">Satu dari Tiga Kolom</div><div class="col">Satu dari Tiga Kolom</div><div class="col">Satu dari Tiga Kolom</div></div><div class="row align-items-end"><div class="col">Satu dari Tiga Kolom</div><div class="col">Satu dari Tiga Kolom</div><div class="col">Satu dari Tiga Kolom</div></div></div>
<div class="container"><div class="row"><div class="col align-self-start">Satu dari Tiga Kolom</div><div class="col align-self-center">Satu dari Tiga Kolom</div><div class="col align-self-end">Satu dari Tiga Kolom</div></div></div>
Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.
Terima Kasih 😀😊😘👌👍 :)
Tags
Kode Program