Quiz Penggunaan Bootstrap untuk Layout Web

Apa itu Bootstrap?

• Bahasa pemrograman untuk aplikasi desktop

• Sistem manajemen basis data

• Framework front-end untuk membangun situs web responsif

• Editor teks untuk pengembangan web

Answer explanation

Bootstrap adalah framework front-end yang memudahkan pengembangan situs web responsif dengan menyediakan komponen dan gaya yang siap pakai, sehingga mempercepat proses desain dan pengembangan.

Apa langkah pertama untuk menyertakan Bootstrap dalam proyek web?

• Menggunakan framework lain

• Menulis kode CSS dari awal

• Menginstal Bootstrap melalui npm

• Menggunakan CDN atau mengunduh Bootstrap

Answer explanation

Langkah pertama untuk menyertakan Bootstrap dalam proyek web adalah menggunakan CDN atau mengunduh Bootstrap. Ini memungkinkan Anda untuk dengan cepat mengintegrasikan Bootstrap tanpa harus menulis kode CSS dari awal.

Apa fungsi kelas 'container' dalam sistem grid Bootstrap?

• Menambahkan efek transisi

• Membuat baris baru

• Menentukan lebar kolom

• Membungkus konten dan memberikan padding

Answer explanation

Kelas 'container' dalam Bootstrap berfungsi untuk membungkus konten dan memberikan padding, sehingga konten terlihat lebih teratur dan responsif di berbagai ukuran layar.

Apa yang dimaksud dengan 'breakpoints' dalam Bootstrap?

• Titik di mana tata letak berubah berdasarkan ukuran layar

• Fungsi untuk mengatur warna

• Metode untuk mengoptimalkan gambar

• Sistem untuk mengelola data pengguna

Answer explanation

'Breakpoints' dalam Bootstrap adalah titik di mana tata letak halaman web berubah sesuai dengan ukuran layar. Ini memungkinkan desain responsif yang menyesuaikan elemen berdasarkan perangkat yang digunakan.

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

• col-md-4

• col-lg-4

• col-sm-4

• col-xs-4

Answer explanation

Kelas 'col-md-4' digunakan untuk kolom dengan lebar 4/12 pada ukuran layar medium. Kelas ini memastikan kolom tersebut memiliki lebar yang sesuai pada perangkat dengan ukuran medium.

Apa yang dilakukan kelas 'row' dalam Bootstrap?

• Membuat efek hover

• Menambahkan margin pada konten

• Mengatur warna latar belakang

• Membungkus kolom-kolom

Answer explanation

Kelas 'row' dalam Bootstrap berfungsi untuk membungkus kolom-kolom. Ini membantu dalam pengaturan layout dan memastikan kolom-kolom tersebut terorganisir dengan baik dalam baris.

Apa yang dimaksud dengan 'responsive' dalam konteks Bootstrap?

• Situs web yang hanya menggunakan gambar

• Situs web yang tidak memerlukan koneksi internet

• Situs web yang hanya dapat diakses di desktop

• Situs web yang dapat menyesuaikan tampilan pada berbagai ukuran layar

Answer explanation

Dalam konteks Bootstrap, 'responsive' berarti situs web dapat menyesuaikan tampilan pada berbagai ukuran layar, sehingga pengguna dapat mengaksesnya dengan nyaman di perangkat apapun, baik itu desktop, tablet, atau ponsel.

Apa komponen yang digunakan untuk membuat tombol dalam Bootstrap?

• link

• footer

• btn

• header

Answer explanation

Komponen yang digunakan untuk membuat tombol dalam Bootstrap adalah 'btn'. Kelas ini memberikan gaya dan fungsi tombol yang konsisten di seluruh aplikasi web.

Apa yang dilakukan kelas 'card' dalam Bootstrap?

• Membuat elemen dengan gaya kotak

• Menambahkan efek transisi

• Mengatur ukuran gambar

• Membuat tabel

Answer explanation

Kelas 'card' dalam Bootstrap digunakan untuk membuat elemen dengan gaya kotak, yang dapat menampung konten seperti teks, gambar, dan tombol dalam format yang terstruktur dan menarik.

Apa yang dimaksud dengan 'kustomisasi' dalam Bootstrap?

• Membuat situs web statis

• Menghapus semua komponen

• Menambahkan lebih banyak kolom

• Mengubah warna, font, dan tata letak default

Answer explanation

Kustomisasi dalam Bootstrap berarti mengubah elemen default seperti warna, font, dan tata letak untuk menciptakan tampilan yang sesuai dengan kebutuhan desain situs web, bukan hanya menambah kolom atau menghapus komponen.