wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Quiz Penggunaan Bootstrap untuk Layout Web

Total questions: 14

Worksheet time: 7mins

Name
Class
Date
1.

Apa itu Bootstrap?

a)

Bahasa pemrograman untuk aplikasi desktop

b)

Sistem manajemen basis data

c)

Framework front-end untuk membangun situs web responsif

d)

Editor teks untuk pengembangan web

2.

Apa langkah pertama untuk menyertakan Bootstrap dalam proyek web?

a)

Menggunakan framework lain

b)

Menulis kode CSS dari awal

c)

Menginstal Bootstrap melalui npm

d)

Menggunakan CDN atau mengunduh Bootstrap

3.

Apa fungsi kelas 'container' dalam sistem grid Bootstrap?

a)

Menambahkan efek transisi

b)

Membuat baris baru

c)

Menentukan lebar kolom

d)

Membungkus konten dan memberikan padding

4.

Apa yang dimaksud dengan 'breakpoints' dalam Bootstrap?

a)

Titik di mana tata letak berubah berdasarkan ukuran layar

b)

Fungsi untuk mengatur warna

c)

Metode untuk mengoptimalkan gambar

d)

Sistem untuk mengelola data pengguna

5.

Kelas mana yang digunakan untuk kolom dengan lebar 4/12 pada ukuran layar medium?

a)

col-md-4

b)

col-lg-4

c)

col-sm-4

d)

col-xs-4

6.

Apa yang dilakukan kelas 'row' dalam Bootstrap?

a)

Membuat efek hover

b)

Menambahkan margin pada konten

c)

Mengatur warna latar belakang

d)

Membungkus kolom-kolom

7.

Apa yang dimaksud dengan 'responsive' dalam konteks Bootstrap?

a)

Situs web yang hanya menggunakan gambar

b)

Situs web yang tidak memerlukan koneksi internet

c)

Situs web yang hanya dapat diakses di desktop

d)

Situs web yang dapat menyesuaikan tampilan pada berbagai ukuran layar

8.

Apa komponen yang digunakan untuk membuat tombol dalam Bootstrap?

a)

link

b)

footer

c)

btn

d)

header

9.

Apa yang dilakukan kelas 'card' dalam Bootstrap?

a)

Membuat elemen dengan gaya kotak

b)

Menambahkan efek transisi

c)

Mengatur ukuran gambar

d)

Membuat tabel

10.

Apa yang dimaksud dengan 'kustomisasi' dalam Bootstrap?

a)

Membuat situs web statis

b)

Menghapus semua komponen

c)

Menambahkan lebih banyak kolom

d)

Mengubah warna, font, dan tata letak default

11.

Apa yang harus dilakukan untuk membuat layout dua kolom?

a)

Menggunakan satu kelas row

b)

Menggunakan satu kelas col-md-12

c)

Menggunakan satu kelas container

d)

Menggunakan dua kelas col-md-6

12.

Apa yang dimaksud dengan 'navigasi' dalam Bootstrap?

a)

Metode untuk menambahkan efek suara

b)

Sistem untuk mengelola data

c)

Fungsi untuk mengatur gambar

d)

Komponen untuk membuat menu dan tautan

13.

Apa yang dilakukan kode ?

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

a)

Menyertakan file CSS Bootstrap

b)

Mengatur metadata halaman

c)

Membuat koneksi ke database

d)

Menambahkan JavaScript ke halaman

14.

Apa yang dimaksud dengan 'grid system' dalam Bootstrap?

a)

Sistem untuk mengatur gambar

b)

Metode untuk membuat animasi

c)

Struktur untuk mengatur layout halaman menggunakan kolom dan baris

d)

Fungsi untuk mengelola data pengguna