Postingan

Menampilkan postingan dari Januari, 2025

Layout dengan flex di Bootstrap

Gambar
 Layout dengan flex di Bootstrap Bootstrap Flexbox (Bootstrap Flex atau Flexbox) adalah ekstensi dari framework Bootstrap yang menggunakan teknologi Flexbox CSS untuk memudahkan pengembangan layout responsif dan fleksibel. Fitur Utama 1. Layout responsif: Menyesuaikan tata letak dengan ukuran layar. 2. Sistem grid: Membagi konten menjadi kolom dan baris. 3. Pengaturan ukuran dan posisi: Mengatur lebar, tinggi dan posisi elemen. 4. Pengaturan spasial: Mengatur jarak antar-elemen. 5. Dukungan untuk perangkat mobile. Kelebihan 1. Desain responsif yang mudah. 2. Layout yang fleksibel. 3. Menghemat waktu pengembangan. 4. Kompatibilitas dengan browser modern. 5. Dokumentasi yang lengkap. Contoh : 1. Flex Dalam Bootstrap, d-flex adalah sebuah kelas (class) yang digunakan untuk membuat elemen HTML menjadi fleksibel dengan menggunakan teknologi Flexbox CSS. Berikut beberapa fungsi dan penggunaan dari d-flex: Fungsi 1. Membuat elemen menjadi kontainer fleksibel. 2. Mengatur layout anak eleme...