Hallo teman-teman Dumet School. Kembali lagi dengan saya Shelli Ripati di kursus web design. Saya sudah sempat membahas tentang display flex dan direction secara horizontal di bagian 1. Nah sekarang saya akan melanjutkan pembahasannya mengenai direction secara vertical  dan Justify content dalam artikel tentang Mengenal Display Flex Pada Bootstrap 4 Part2 .

Hal yang pertama saya akan jelaskan untuk Mengenal Display Flex Pada Bootstrap 4 Part2  yaitu direction secara vertical. Teman-teman bisa buat script seperti di bawah ini.

  •  .flex-column untuk mengatur arah vertikal
  • .flex-column-reverse untuk memulai arah vertikal dari sisi yang berlawanan.

Jika teman-teman buka di browser masing-masing maka akn tampak seperti pada gambar di abwah ini.

Mengenal Display Flex Pada Bootstrap 4 Part2

Selanjutnya saya akan membahas tentang Justify content pada display flex yang berfungsi untuk mengubah penyelarasan item flex pada sumbu utama (sumbu x untuk memulai, y-axis jika flex-direction: kolom). Pilih dari mulai (browser default), end, center, between, atau around.

Jika teman-teman buka di browser masing-masing maka akan tampil seperti pada gambar di bawah ini.

Mengenal Display Flex Pada Bootstrap 4 Part2

Demikian artikel tentang Mengenal Display Flex Pada Bootstrap 4 Part2. Saya lanjutkan di pembahasan selanjutnya tentang align items dan align self. Semoga dapat bermnfaat dan selamat mencoba.