Hallo teman-teman dumet school. Kembali lagi dengan saya di kursus web design. Kali ini saya akan membahas tentang Mengenal Display Flex Pada Bootstrap 4 Part3. Dimana pembahasan bagian pertama dan kedua saya sudah membahas tentang aktifkan display flex, direction secara horizontal atau vertical dan Justify content. Untuk di bagian ketiga ini saya akan menjelaskna tentang Align Items.

Mengenal Display Flex Pada Bootstrap 4 Part3 tentang Align Items teman-teman silahkan buat strukturnya seperti script di bawah ini.

Dimana Align Items ini berfungsi untuk mengubah penyelarasan item flex pada sumbu silang (sumbu y untuk memulai, sumbu x jika flex-arah: kolom). Dimana posisi dari Align Items ada 5 yaitu start yang berarti awal (posisi atas), center yang berarti tengah, end yang berarti akhir (posisi bawah), baseline yang berarti dasar (posisi atas) dan stretch (default) yang berarti peregangan atau block sesuai tinggi wadahnya. Jika teman-teman tampilkan di browser masing-masing, maka akan tampil seperti pada gambar di bawah ini.

Mengenal Display Flex Pada Bootstrap 4 Part3

Demikian artikel tentang Mengenal Display Flex Pada Bootstrap 4 Part3. Saya akan jelaskan tentang Align Self di pembahasan selanjutnya. Semoga artikel ini dapat bermanfaat untuk teman-teman dan selamat mecoba.