Program Vertical Alignment dalam Bootstrap (Grid System)

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 😀😊😘👌👍 :)