Logo
미로
quiz thumbnail
Freestyle
Elementary 1
Others

Soal Gampang

Dimas Alif Ard

5

10 questions

Allow incorrect answer

Hide answer

public quiz

# 1Multiple Choice
Dalam pengembangan komponen navigasi Bootstrap, mengapa penggunaan kelas `navbar-expand-lg` pada elemen `<nav>` penting untuk desain responsif?
Kelas ini memastikan bahwa navigasi akan 'mengembang' (menjadi horizontal) pada layar besar (lg) ke atas, dan 'menyusut' (menjadi menu hamburger) pada layar yang lebih kecil.
Kelas ini membuat navigasi menjadi vertikal pada layar besar dan horizontal pada layar kecil.
Kelas ini hanya memengaruhi warna navigasi, bukan tata letaknya.
Kelas ini memaksa semua item navigasi untuk berada dalam satu baris, tanpa memperhatikan ukuran layar.
# 2Multiple Choice
Dalam Bootstrap 5, apa perbedaan mendasar antara kelas `btn-primary` dan `btn-outline-primary`?
`btn-primary` memiliki latar belakang berwarna solid, sedangkan `btn-outline-primary` memiliki garis tepi berwarna solid dengan latar belakang transparan.
`btn-primary` hanya untuk tombol utama, `btn-outline-primary` untuk tombol sekunder.
`btn-primary` memiliki ukuran font lebih besar daripada `btn-outline-primary`.
Tidak ada perbedaan visual yang signifikan; keduanya adalah variasi tombol yang sama.
# 3Multiple Choice
Jika Anda ingin membuat sebuah kartu (card) Bootstrap yang memiliki lebar tetap 300px di semua ukuran layar, kelas utilitas mana yang paling efektif untuk digunakan?
`w-300px`
`mw-300px`
`card w-100`
`card mx-auto`
# 4Multiple Choice
Ketika menggunakan sistem grid Bootstrap, apa implikasi dari memberikan kelas `col-md-6` dan `col-sm-12` pada dua elemen div yang bersebelahan dalam satu baris?
Pada layar medium ke atas, kedua div akan membagi lebar layar menjadi dua (masing-masing 50%). Pada layar kecil, kedua div akan mengambil lebar penuh (100%).
Pada layar medium ke atas, kedua div akan mengambil lebar penuh. Pada layar kecil, mereka akan dibagi dua.
Kedua div akan selalu membagi lebar layar menjadi dua, terlepas dari ukuran layar.
Kelas `col-md-6` akan selalu diutamakan, membuat `col-sm-12` tidak berfungsi.
# 5Multiple Choice
Jelaskan bagaimana utilitas `display: none;` dalam Bootstrap, seperti kelas `d-none`, berinteraksi dengan media query untuk mencapai efek responsif.
Kelas `d-none` secara default menyembunyikan elemen, tetapi dapat diaktifkan kembali pada breakpoint tertentu menggunakan kelas seperti `d-md-block`.
`d-none` hanya menyembunyikan elemen pada layar paling kecil dan tidak dapat diubah.
Kelas `d-none` hanya berfungsi untuk menyembunyikan elemen secara permanen.
Utilitas `d-none` tidak menggunakan media query dan selalu menyembunyikan elemen.
# 6Short Answer
Dalam Bootstrap, apa yang dimaksud dengan 'utility classes' dan berikan contohnya.
Kelas utilitas
# 7Multiple Choice
Dalam konteks responsivitas Bootstrap, bagaimana cara kerja breakpoint 'md' (medium) secara spesifik dalam memengaruhi tata letak elemen dibandingkan dengan breakpoint 'sm' (small)?
Breakpoint 'md' mulai berlaku pada lebar layar 768px ke atas, sementara 'sm' berlaku pada 576px ke atas, sehingga 'md' memungkinkan tata letak yang lebih kompleks.
Breakpoint 'md' hanya memengaruhi elemen yang lebih besar dari 768px, sedangkan 'sm' memengaruhi semua elemen.
Breakpoint 'md' dan 'sm' memiliki fungsi yang sama, yaitu untuk membuat elemen menjadi lebih kecil.
Breakpoint 'md' secara otomatis mengganti font menjadi lebih besar, sedangkan 'sm' tidak memiliki efek pada font.
# 8Multiple Choice
Apa peran utama dari kelas `container-fluid` dibandingkan dengan `container` dalam framework Bootstrap?
`container-fluid` mengambil lebar penuh layar, sedangkan `container` memiliki lebar maksimum yang responsif.
`container-fluid` hanya digunakan untuk elemen header, sementara `container` untuk konten utama.
`container-fluid` membuat konten menjadi lebih kecil, sedangkan `container` membuatnya lebih besar.
Tidak ada perbedaan fungsional antara `container-fluid` dan `container`; keduanya berperilaku sama.
# 9True/False
Dalam konteks kustomisasi Bootstrap, apakah mengubah variabel Sass secara langsung di dalam file `bootstrap.scss` merupakan praktik yang direkomendasikan untuk proyek produksi?
# 10True/False
Apakah benar bahwa semua komponen Bootstrap, seperti modal dan carousel, sepenuhnya independen dan tidak memerlukan JavaScript untuk fungsionalitas dasarnya?
Share to Google Classroom

This quiz was created using a premium map. Access is restricted due to plan expiration.