Logo
search
menuicon
thubnail
Maze
Freestyle
Elementary 1
Others
Soal Gampang
Dimas Alif Ard
5
Added question (10/ 20)
Allow incorrect answer
Hide answer
public quiz

# 1

Multiple Choice

Dalam pengembangan komponen navigasi Bootstrap, mengapa penggunaan kelas `navbar-expand-lg` pada elemen `

  • 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.

# 2

Multiple 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.

# 3

Multiple 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`

# 4

Multiple 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.
Want to see all 10 questions?
Join ZEP QUIZ to access 800,000+ quizzes for free.Log in to explore all