Program Vertical Alignment dalam Bootstrap

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

Post a Comment

Previous Post Next Post