Font size
WorksheetsQuiz Bootstrap
Total questions: 30
Worksheet time: 18mins
Kelas .container menyediakan wadah lebar penuh, yang mencakup seluruh lebar layar
Benar
Salah
Kelas mana yang menyediakan kontainer dengan lebar tetap yang responsif?
.container-fixed
.container-fluid
.container-responsive
.container
Kelas manakah yang digunakan untuk membuat warna teks hijau terang?
.text-primary
.text-success
text-danger
.txt-warning
istem grid Bootstrap didasarkan pada berapa jumlah kolom?
12
9
6
3
Kelas manakah yang menambahkan garis-garis zebra pada tabel?
.table-zebra
.table-bordered
.even and .odd
.table-striped
Kelas manakah yang membentuk gambar menjadi lingkaran?
.img-round
.img-rounded
.rounded-circle
.img-circle
Kelas manakah yang digunakan untuk membuat kotak besar untuk menarik perhatian ekstra?
.bigbox
.jumbotron
.container
There is no such class
Kelas mana yang digunakan untuk membuat grup tombol?
.button-group
.btn-group
.group-button
.group-btn
Kelas tombol mana yang digunakan untuk membuat tombol besar?
.btn-lg
.btn-large
.btn-l2
.btn-l
Kelas mana yang digunakan untuk membuat loader?
.loader
.spinner-border
.spinner-loader
.spinner
Kelas mana yang digunakan untuk membuat pagination dasar?
.pagination
.pages
.page
.navigation
Kelas mana yang digunakan untuk membuat grup list group?
.group-list
.list-group
.grouped-list
.list-grouped
Kelas mana yang menambahkan judul ke card?
.card-heading
.card-head
.card-header
.card-footer
Kelas yang menampilkan kotak peringatan yang hanya ditampilkan selama beberapa detik saat sesuatu terjadi adalah
.toast
.show
.modal
.card
Kelas mana yang digunakan untuk membuat vertical navigation bar?
.nav flex-column
.nav navbar-vertical
.navbar-vertical
.navbar-inverse
Komponen mana yang digunakan untuk beralih antar elemen, seperti slideshow?
Scrollspy
Slideshow
Orbit
Carousel
Kelas kontekstual manakah yang menunjukkan tindakan yang menunjukkan background warna biru terang?
.bg-primary
.bg-info
.bg-warning
.bg-success
Kelas kontekstual manakah yang menunjukkan tindakan background warna gelap?
.bg-secondary
.bg-warning
.bg-dark
.bg-primary
Kelas manakah yang menunjukkan teks huruf besar?
.text-uppercase
.uppercase
.ucase
.text-capitalize
Tab navigasi standar dibuat dengan:
<ul class="navigation-tabs">
<ul class="nav tabs">
<ul class="nav nav-tabs">
<ul class="nav nav-navbar">
Bilah navigasi standar dibuat dengan:
<nav class="nav navbar">
<nav class="navigationbar navbar-default">
<nav class="navbar navbar-default">
<nav class="navbar navbar-expand-sm">
Kelas mana yang dapat digunakan untuk mengapungkan elemen ke sebelah kanan halaman?
.float-end
.float-right
.float-start
.float-r
buat kelas agar p berada di tengah :
<p class=" (a) "> Hello World!</p>
membuat ukuran font lebih besar dan ketebalan font lebih ringan :
<h1 class=" (a) ">My Heading</h1>
Gunakan kelas Bootstrap untuk mengatur teks berikut menjadi huruf besar:
<p class=" (a) ">Hello World!</p>
Kelas dalam bootstrap yang di gunakan untuk menambahkan batas di semua sisi tabel dan sel adalah
(a)
untuk menambahakn dropworn agar dapat terlihat di samping kanan perlu di tambahkan kelas ...
(a)
Dalam bootstrap untuk membuat dropdown agar ketika di buka terlihat ke kiri adalah ...
dropdown dropstart
dropdown
dropdown end
dropdown-menu-end
Kelas bootstrap yang digunakan secara otomatis agar dapat memperbarui tautan dalam daftar navigasi berdasarkan posisi gulir/scrol adalah...
data-bs-target=".navbar"
data-bs-spy="scroll"
.data-bs-offset
.toast-header
Untuk membuat tombol memiliki garis tepi warna hijau dan terdapat hover ketika krusor diarahkan dapat menggunakan kelas ...
btn btn-outline-success
btn btn-outline-warning
btn btn-success
btn btn-primary
