wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

3.Bootstrap

Total questions: 10

Worksheet time: 6mins

Name
Class
Date
1.

Bootstrap membutuhkan penggunaan doctype HTML5, tag yang sesuai adalah

a)

<!doctype html>

<html>

...

</html>

b)

!doctype html>

<html lang="in">

...

</html>

c)

<!doctype html>

<html lang="EN">

...

</html>

d)

<!doctype html>

<html lang="en">

...

</html>

2.

Tambahkan atribut kelas untuk memberi style tabel sebagai tabel Bootstrap dasar

a)

class="..."

b)

class="container"

c)

class="table table-striped"

d)

class="table"

3.

Gunakan kelas Bootstrap untuk menambahkan sudut round pada gambar

a)

img-rounded

b)

"circle"

c)

"img-rounded"

d)

"img-circle"

4.

Tambahkan kelas Bootstrap untuk mengatur ukuran tombol besar

a)

btn-sm"

b)

btn-small"

c)

"btn-sm"

d)

"btn-small"

5.

Tambahkan "pembagi" setelah "CSS" di daftar tarik-turun

a)

divide

b)

divider

c)

toogle

d)

toggle-icon

6.

Gunakan Kelas Navbar Bootstrap untuk membuat bilah navigasi menjadi hitam

a)

navbar-black

b)

black

c)

navbar-inverse

d)

inverse

7.

Bagaimana cara memasukkan ikon pencarian?

a)

<span class = "glyphicon glyphicon-search"> <span>

b)

<span class = "glyphicon -search"> </span>

c)

<span class = "glyphicon glyphicon-search"> </span>

d)

<span class = "search"> </span>

8.

kelas untuk membuat container dengan lebar yang tetao responsif adalah

a)

.container-fluid

b)

.container

c)

.container-default

d)

.content

9.

sintaks untuk membuat navbar di atas adalah

a)

navbar-expand-sm bg-light

b)

navbar bg-light

c)

navbar bg-light justify-content-center

d)

navbar-content-center

10.

atribut yang digunakan untuk menonaktifkan sebuag elemen (elemen input) adalah

a)

.active

b)

.disabled

c)

.divider

d)

.dropdown-header