wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Quiz Bootstrap (Fullstack Praktikum)

Total questions: 25

Worksheet time: 15mins

Name
Class
Date
1.

Apa itu bootstrap?

a)

Framwork

b)

HTML, CSS, Javascript

c)

Icons

d)

Website

2.

Versi Bootstrap Terbaru?

a)

versi 5.3

b)

vesi 4 & 5

c)

versi 5

d)

versi 4

3.

Komponen utama pada bootstrap?

a)


PHP, MySQL, dan Apache

b)

Java, Android, dan iOS

c)

HTML, CSS, dan JavaScript

d)

React, Angular, dan Vue

4.

Apa saja update terbaru yang tersedia pada bootstrap 5?

a)

RTL

b)

Penghapusan jQuery

c)

6 Tier Grid System

d)

Card Deck

5.

Apa yang fungsi dari .row pada bootstrap?

a)
  • Komponen untuk membuat kolom

b)
  • Kelas untuk membuat baris di tabel

c)
  • Kelas untuk menyesuaikan ukuran font

d)
  • Kelas yang menempatkan kolom pada grid

6.

Apa model javascript yang digunakan pada bootstrap?

a)

Node JS

b)

jQuery

c)

Vanilla JS

d)

Veu JS

7.

Sebelumnya kita sudah membahas mengenai system grid pada bootstrap, dari pembahasan tersebut berapakah total system grid sekarang?

a)

12

b)

4,2,6

c)

8

d)

2,4,6,8

8.

jenis text yang tidak terdapat pada bootstrap 5?

a)

left

b)

justify

c)

right

d)

center

9.

fungsi class untuk membuat gambar responsive?

a)
  • .img-responsive

b)
  • .img-adapt

c)
  • .responsive-img

d)
  • .img-fluid

10.

bagaimana cara kita agar dapat menggunakan framwork bootstrap?

a)

CDN

b)

download

c)

bootstrap

d)

package manager

11.

apa awal mula terbentuknya bootstrap?

a)

pengembangan tampilan twitter

b)

membuat tampilan responsive

c)

HTML & CSS

d)

pengembangan sistem layout grid

12.

fungsi class yang membuat button menjadi berwarna?

a)

btn-primary

b)

btn-c

c)

btn-color

d)

btn-success

13.

menurut kamu, jika kita menggunakan bootstrap apakah kita bisa menggunakan javascript?

a)

ya

b)

tidak

c)

harus import library dulu

d)

dapat langsung digunakan

14.

pada praktikum yang berlangsung kita memanfaatkan fungsi alert menggunakan sweetalert2, menurut kamu apa itu alert?

a)

pop up

b)

notifikasi

c)

pesan pemberitahuan

d)

informasi

15.

bagaimana cara kita dalam membuat alert?

a)

menggunakan tag alert

b)

menggunakan class alert

c)

menggunakan javascript

d)

menggunakan css

16.

pada praktikum sebelumnya kita juga membuat konten cardview yang dapat bergeser kanan dan kekiri, bagaimana cara kita membuatnya?

a)

memanfaatkan fungsi card

b)

memanfaatkan fungsi grid

c)

memanfaatkan fungsi carousel

d)

memanfaatkan fungsi navigasi

17.

apa yang membedakan bootstrap tebaru dengan versi sebelumnya?

a)

class vertikal yang relatif

b)

bisa disemua web browser

c)

tema gelap yang lebih responsive

d)

tampilan form yang dapat berubah

18.

fungsi class card?

a)

membuat header

b)

membuat navigasi

c)

membuat konten dengan tampilan modular

d)

membuat footer

19.

bagamana cara membuat gradasi warna pada button?

a)

menggunakan css

b)

menggunakan linear-gradient

c)

menggunakan background

d)

menggunakan color

20.

dalam membuat suatu fitur pada halaman website yang kita buat maka kita memerlukan komponen apa saja?

a)

CSS dan Javascript

b)

class yang tersetruktur

c)

library yang banyak

d)

bootstrap

21.

fungsi .float-end dan .float-start?

a)

memulai dan mengakhiri

b)

text rata kana dan rata kiri

c)

tag awal dan tag akhir bootstrap

d)

membuat variabel float

22.

dari class berikut ini manakan class yang dihapus dan tidak digunakan lagi pada versi bootstrap terbaru?

a)

Card-deck

b)

Justify

c)

Text-area

d)

Navbar

23.

cara membuat kolom yang memiliki lebar berbeda-beda dalam grid system Bootstrap

a)

"col-4" dan "col-8"

b)

"col-6" dan "col-6"

c)

"col-sm-4" dan "col-lg-8"

d)

"col-md-3" dan "col-md-9"

24.

cara membuat text menjadi ukuran kecil pada bootstrap?

a)
  • .font-size-small

b)
  • .text-sm

c)
  • .small

d)
  • .text-small

25.

pada praktikum yang kita lakukan sebelumnya, kita juga membuat footer menggunakan fitur dengan memanfaatkan javascript vanilla js, apakah fitur yang kita gunakan?

a)

tab sliders

b)

tab layers

c)

tab multiple

d)

tab grid