Soal bootstrap bahasa indonesia

Soal bootstrap bahasa indonesia

Pertanyaan dan jawaban bootlegging pilihan ganda ini akan membantu Anda memperluas pengetahuan Anda tentang bootlegging. Anda dapat menggunakan soal pilihan ganda ini untuk mempersiapkan ujian atau wawancara kerja berikutnya.
Gulir ke bawah untuk memulai dengan jawabannya.

1:

kelas bootstrap mana yang digunakan untuk membuat tabel responsif?

A.   responsif meja

B.   Table-Bootstrap

C.   Tabel responsif

D.   Tabel Bootstrap

2:

Manakah dari kelas tombol berikut yang tidak ada? (periksa apapun yang berlaku)

A.   .btn-default

B.   .btn-primary

C.   .btn-Secondary

D.   .btn-warning

E.   .btn-error

3:

Kelas mana yang digunakan untuk membuat grup tombol?

A.   .btn-group

B.   .button-group

C.   .group-tombol

D.   .group-btn

4:

Manakah dari berikut ini yang bukan kelas kontekstual?

A.   .aktif

B.   .bahaya

C.   .kesuksesan

D.   .kegagalan

5:

Kelas mana yang menambahkan zebra-strip ke tabel?

A.   .table-zebra

B.   .-Table-Bordered

C.   .even dan .odd

D.   .table-striped

6:

Manakah dari jenis daftar berikut yang ada di Bootstrap? (periksa apapun yang berlaku)

A.   .list-aligned

B.   .list-Unstyled

C.   .list-inline

D.   .list-block

7:

Manakah dari kelas berikut yang dapat digunakan untuk membuat remah roti?

A.   .menu

B.   .Navbar

C.   .items

D.   .breadcrumb

8:

Tag mana yang dapat digunakan untuk menyorot teks?

A.   Tag>

B.   <span>

C.   <shover>

D.   <mark>

9:

Manakah dari kelas berikut yang akan membuat tabel responsif?

A.   .table-scrollable

B.   .-Table-Condensed

C.   .tabel-responsif

D.   .tabel-striped

10:

Apa itu & quot; SR-only & quot; kelas yang dibutuhkan untuk di bootstrap?

A.   Kelas digunakan untuk menyembunyikan hanya aturan layanan

B.   Kelas digunakan untuk hanya menunjukkan aturan layanan

C.   Kelas digunakan untuk menampilkan informasi yang ditujukan hanya untuk pembaca layar dari tata letak halaman yang diberikan.

D.   Kelas digunakan untuk menyembunyikan informasi yang ditujukan hanya untuk pembaca layar dari tata letak halaman yang diberikan

11:

Manakah dari berikut ini yang merupakan cara yang benar untuk melakukan pagination dengan bootstrap?

A.   nav aria-label = & quot; navigasi halaman & quot;> <ul class = & quot; pagination & quot;> <li> <a href="#"> 1 </a> </li> <li> <a href = & quot ;#& quot;> 2 </a> </li> <li> <a href="#"> 3 </a> </li> <li> <a href=" </a> </li> <li> <a href="#"> 5 </a> </li> </ul> </av>

B.   nav aria-label = & quot; navigasi halaman & quot;> <ul class = & quot; pagination & quot;> <p> <a href="#"> 1 </a> </p> <p> <a href = & quot ;#& quot;> 2 </a> </p> <p> <a href="#"> 3 </a> </p> <p> <a href=" </a> </p> <p> <a href="#"> 5 </a> </p> </ul> </av>

C.   nav aria-label = & quot; navigasi halaman & quot;> <ul class = & quot; pagination & quot;> <i> <a href="#"> 1 </a> </i> <i> <a href = & quot ;#& quot;> 2 </a> </i> <i> <a href="#"> 3 </a> </i> <i> <a href=" </a> </i> <i> <a href="#"> 5 </a> </i> </ul> </av>

D.   Bukan dari salah satu di atas

12:

Manakah dari kelas berikut yang digunakan untuk membuat paragraf menonjol?

A.   s-out

B.   besar

C.   memimpin

D.   Pertama

13:

Cara menambahkan lencana ke dalam tombol?

A.   Tombol kelas = & quot; btn btn-primary btn-with-badge & quot;> pesan <span> 4 </span> </button>

B.   <tombol class = & quot; btn btn-primary & quot;> pesan <span class = & quot; lencana & quot;> 4 </span> </button>

C.   <tombol class = & quot; btn btn-primary & quot;> pesan <span class = & quot; btn-badge & quot;> 4 </span> </button>

D.   <tombol class = & quot; btn btn-primary & quot;> pesan </button> <span class = & quot; btn-badge & quot;> 4 </span>

14:

Bagaimana Anda membungkus set formulir label dan input?

A.   .Form-set

B.   .Form-group

C.   .dari-elemen

D.   .Form-item

15:

Kelas tombol mana yang digunakan untuk membuat tombol besar?

A.   .btn-lg

B.   .btn-besar

C.   .btn-l

D.   .btn-xl

16:

Kelas mana yang dapat digunakan untuk membuat daftar inline?

A.   .list-di-line

B.   .list-by-line

C.   .list-line

D.   .list-inline

17:

Apa cara yang tepat untuk menempatkan tautan ke dalam kotak peringatan?

A.   Div class = & quot; peringatan peringatan peringatan & quot;> peringatan! <a href="#"> Baca dokumentasi. </a> </div>

B.   <Div class = & quot; Peringatan peringatan peringatan-highlight-links & quot;> peringatan! <a href="#"> Baca dokumentasi. </a> </div>

C.   <Div class = & quot; peringatan peringatan & quot;> peringatan! <a href = & quot;#& quot; class = & quot; alert-link & quot;> Baca dokumentasi. </a> </div>

D.   <Div class = & quot; peringatan peringatan & quot;> peringatan! <a href = & quot;#& quot; class = & quot; warning-warning-link & quot;> Baca dokumentasi. </a> </div>

18:

Apa cara yang tepat untuk membuat header halaman dengan subteks di dalam?

A.   h1 class = & quot; halaman-header & quot;> ruby ​​on rails <small> oleh matz </small> </h1>

B.   <h1 class = & quot; halaman-header & quot;> ruby ​​on rails <small class = & quot; header-subtext & quot;> oleh matz </small> </h1>

C.   <Div class = & quot; halaman-header & quot;> <h1> ruby ​​on rails <small> oleh matz </small> </h1> </div>

D.   <Div class = & quot; halaman-header & quot;> <h1> ruby ​​on rails <small class = & quot; header-subtext & quot;> oleh matz </small> </h1> </div>

19:

Apa cara yang tepat untuk membuat kotak centang dengan menggunakan bootstrap?

A.   Label class = & quot; centang kotak & quot;> <input type = & quot; kotak centang & quot; value = & quot; checked & quot;> terima istilah </label>

B.   <Div class = & quot; kotak centang & quot;> <label> <input type = & quot; kotak centang & quot; value = & quot; checked & quot;> terima istilah </label> </div>

C.   <Div class = & quot; kotak centang & quot;> <input type = & quot; kotak centang & quot; value = & quot; checked & quot;> <label> terima istilah </label> </div>

D.   <Div class = & quot; kotak centang & quot;> <label> Terima istilah </label> <input type = & quot; kotak centang & quot; value = & quot; checked & quot;> </div>

20:

Apa yang akan menjadi warna tombol dengan kelas primer BTN?

A.   Biru

B.   Merah

C.   Putih

D.   Hitam

21:

Manakah dari gambar pembantu berikut yang tidak ada?

A.   .img-rounded

B.   .IMG-Circle

C.   .img-Bordered

D.   .img-thumbnail

22:

Manakah dari kelas bootstrap berikut yang dapat digunakan untuk membuat tab?

A.   .navigasi. Navigasi-Tabs

B.   .nav .nav-tab

C.   .NAV-TABS-NAVIGASI .NAV-TABS-CHILDREN

D.   Bukan dari salah satu di atas

23:

Kelas mana yang digunakan untuk membuat kotak besar untuk memanggil perhatian ekstra?

A.   .kotak besar

B.   .jumbotron

C.   .wadah

D.   .Perhatian

24:

Kelas mana yang dapat digunakan untuk elemen header halaman?

A.   .judul halaman

B.   .kepala halaman

C.   .Header

D.   Bukan dari salah satu di atas

25:

Mengapa Normalize.CSS digunakan dalam kerangka bootstrap?

A.   Untuk mengoptimalkan ukuran file sumber bootstrap

B.   Untuk meningkatkan rendering lintas-browser

C.   Untuk mengimpor Google Fonts langsung ke Bootstrap CSS

D.   Bukan dari salah satu di atas

26:

Kelas mana yang membentuk gambar ke lingkaran?

A.   .img-thumbnail

B.   .img-round

C.   .img-lingkaran

D.   .img-rounded

27:

Cara membuat tombol level blok mana semua lebar elemen induknya?

A.   .btn-wide

B.   .btn-full

C.   .btn-container

D.   .btn-block

28:

Manakah dari kode CSS berikut yang dapat digunakan untuk menambahkan tanda bintang ke bidang yang diperlukan dalam bentuk? < /p>

A.   .Form-group.Required .control-label: After {Content: & quot;*& quot ;; warna merah; }

B.   .Form-group: Diperlukan {konten: & quot;*& quot ;; warna merah; }

C.   .Form-group: After {Content: & quot;*& quot ;; warna merah; }

D.   Bukan dari salah satu di atas

29:

Manakah dari kelas berikut yang membuat tabel terlihat seperti & quot; zebra & quot ;?

A.   .table-break

B.   .table-zebra

C.   .table-strap

D.   .table-striped

30:

Manakah dari tag meta berikut yang penting untuk memastikan zooming rendering dan sentuhan yang tepat?

A.   meta konten = & quot; teks & quot;>

B.   <meta name = & quot; viewport & quot; Content = & quot; width = perangkat-lebar, skala awal = 1 & quot;>

C.   <meta charset = & quot; utf-8 & quot;>

D.   <meta http-equiv = & quot; Refresh & quot; konten = & quot; 30 & quot;>

31:

Manakah dari tag berikut yang digunakan untuk menampilkan kombinasi keyboard?

A.   Bagian>

B.   <code>

C.   <Keyboard>

D.   <kbd>

32:

kelas mana yang menyediakan wadah lebar penuh, mencakup seluruh lebar viewport?

A.   .container-fluid

B.   .Container-fixed

C.   .container-fullwidth

D.   .wadah

33:

Kelas mana yang memberikan wadah lebar tetap responsif?

A.   .Container-fixed

B.   .container-fluid

C.   .container

D.   .container-fullwidth

34:

Apa cara default untuk memiliki tombol merah?

A.   TYPE TYPE = & quot; Tombol & quot; class = & quot; btn btn-default & quot;> default </button>

B.   <type type = & quot; tombol & quot; class = & quot; btn btn-default-red & quot;> default as red </button>

C.   <type type = & quot; tombol & quot; class = & quot; btn & quot; Color = & quot; merah & quot;> merah </button>

D.   <type type = & quot; tombol & quot; class = & quot; btn btn-red & quot;> merah </button>

E.   <type type = & quot; tombol & quot; class = & quot; btn btn-danger & quot;> bahaya </button>

F.   <type type = & quot; tombol & quot; class = & quot; btn btn-alert & quot;> bahaya </button>

35:

Apakah mungkin untuk menonaktifkan pembesaran pada perangkat seluler saat menggunakan bootstrap?

A.   Tidak, bootstrap adalah mobile-first dan situs seluler harus memiliki kemampuan untuk memperbesar atau keluar

B.   Ya, tetapi Anda harus mengaktifkan JS dan menambahkan `data-zoom = & quot; off & quot;` pada tag tubuh

C.   Zoom akan dinonaktifkan hanya jika `width = device-width` ada dalam tag meta dengan` name = & quot; viewport & quot; `

D.   Zoom akan dinonaktifkan hanya jika `skala awal = 1, skala maksimum = 1` ada dalam tag meta dengan` name = & quot; viewport & quot; `

A.   $ (& quot; .item & quot;). klik (function () {$ (& quot;#idCarousel & quot;). Carousel (0);});

B.   $ (& quot;#idcarousel & quot;). carousel ();

C.   $ (& quot; .item & quot;). Klik (fungsi () {$ (& quot;#idCarousel & quot;). Carousel (1);});

D.   $ (& quot ;.. Left & quot;). Klik (function () {$ (& quot;#idCarousel & quot;). Carousel (& quot; prev & quot;);});

37:

Apa itu Jumbotron?

A.   Hal seperti itu tidak ada di bootstrap, itu adalah kata yang digunakan untuk menggambarkan set TV besar

B.   Itu elemen untuk menampilkan konten kunci

C.   Itu adalah elemen wadah untuk menahan tata letak kisi

D.   Itu adalah elemen kontainer untuk menampung gambar dalam mode layar penuh

38:

Bootstrap memberi Anda jenis tata letak formulir berikut: (Pilih semua yang berlaku)

A.   Bentuk horizontal

B.   Formulir inline

C.   Bentuk Garis Besar

D.   Bentuk vertikal (default)

39:

Utilitas responsif saat ini hanya tersedia untuk blok dan tabel yang beralih di kelas berikut:

A.   .visible-sm-block: perangkat kecil (lebih dari 767px dan kurang dari 992px lebarnya) terlihat

B.   .visible-md-block: Perangkat menengah (hingga 768px lebarnya) terlihat

C.   .visible-md-block: Perangkat menengah (768px hingga 980px lebarnya) terlihat

D.   .visible-lg: perangkat yang lebih besar (992px dan di atas lebarnya) terlihat

40:

browser apa yang didukung?

A.   Semua browser didukung.

B.   Semua versi Chrome, Firefox, Opera, IE dan Safari.

C.   Chrome, Safari, Firefox yang memperbarui secara otomatis didukung sepenuhnya dan IE 8 dan 9 sebagian didukung.

D.   Chrome, Safari, Firefox yang memperbarui secara otomatis didukung sepenuhnya dan IE 8 dan 9 hanya didukung dengan mode kompatibilitas IE lama.

41:

Kode mana yang akan membuat tombol bootstrap?

A.   TYPE TYPE = & quot; Tombol & quot; class = & quot; Tombol Sukses & quot;> Tombol </button>

B.   <type type = & quot; tombol & quot; class = & quot; btn btn-success & quot;> tombol </button>

C.   <btn class = & quot; Success & quot;> tombol </btn>

D.   <type type = & quot; tombol & quot; class = & quot; btn-flat & quot;> tombol </button>

42:

Dalam Bootstrap, Elemen yang runtuh memungkinkan Anda untuk runtuhnya elemen tanpa menggunakan __?

eksternal apa pun

A.   LEBIH SEDIKIT

B.   CSS

C.   Javascript

D.   Modal

43:

Apa yang benar tentang ikon dalam bootstrap?

A.   Bootstrap tidak menyediakan ikon di luar kotak, tetapi dimungkinkan untuk menggunakan desain material, font mengagumkan atau ikon lain yang disetel bersama dengan bootstrap.

B.   Jika ikon diperlukan setelah teks Div, ikon dapat ditambahkan hanya seperti ini: `<div class = & quot; Glyphicon Glyphicon-Search & quot;> Cari </div>`

C.   Kelas ikon dapat secara langsung dikombinasikan dengan elemen lain.

D.   Kelas ikon harus digunakan hanya dengan elemen kosong

E.   Tak ada satupun

44:

Sistem grid bootstrap memiliki awalan kelas berikut? (Pilih semua yang berlaku)

A.   col-lg-

B.   col-sm-

C.   col-em-

D.   col-xs-

E.   col-sx

45:

Kode mana yang benar untuk mendapatkan tab aktif sebelumnya? p>

A.   $ ('. Nav-tabs a'). on ('show.bs.tab', function (event) {var xy = $ (event.relatedTarget) .previous ();});

B.   $ ('. Nav-tab a'). on ('show.bs.tab', function (event) {var xy = $ (event.relatedTarget) .back ();});

C.   $ ('. Nav-tabs a'). on ('show.bs.tab', function (event) {var xy = $ (event.relatedTarget) .prev ();});

D.   $ ('. Nav-tab a'). on ('show.bs.tab', function (event) {var xy = $ (event.relatedTarget) .text ();});

46:

Kode mana yang benar untuk mendapatkan tab aktif sebelumnya?

A.   $ ('. Nav-tabs a'). on ('show.bs.tab', function (event) {var xy = $ (event.relatedTarget) .previous ();});

B.   $ ('. Nav-tab a'). on ('show.bs.tab', function (event) {var xy = $ (event.relatedTarget) .back ();});

C.   $ ('. Nav-tabs a'). on ('show.bs.tab', function (event) {var xy = $ (event.relatedTarget) .prev ();});

D.   $ ('. Nav-tab a'). on ('show.bs.tab', function (event) {var xy = $ (event.relatedTarget) .text ();});

47:

Bagaimana Anda bisa memasukkan ikon pencarian?

A.   span class = & quot; glyphicon glyphicon-search & quot;> </span>

B.   <span class = & quot; Glyph Glyph-Search & quot;> </span>

C.   <span class = & quot; glyphicon-search & quot;> </span>

D.   <span class = & quot; Glyphicon Search & quot;> </span>

48:

Kelas mana yang digunakan untuk membuat bilah navigasi hitam?

A.   .Navbar-Inverse

B.   .Navbar-hitam

C.   .navbar-default

D.   .Navbar-gelap

49:

Apa itu Bootstrap Twitter?

A.   Ini CSS API untuk membangun antarmuka pengguna saat membuat prototipe

B.   Ini kerangka kerja HTML, CSS dan JavaScript untuk membangun antarmuka pengguna

C.   Ini adalah kerangka kerja JS dan ecmascript yang memungkinkan perubahan CSS cepat

D.   Itu bagian dari twitter UI API

E.   Ini cara baru untuk membangun antarmuka

50:

Bootstrap menyediakan kelas-kelas berikut yang dapat digunakan untuk menerapkan beberapa gaya sederhana pada gambar? (Pilih semua yang berlaku)

A.   .img-thumbnail: menambahkan sedikit padding dan perbatasan abu-abu

B.   .img-rounded: tambahkan perbatasan-radius: 6px untuk memberikan sudut bundar gambar

C.   .img-circle: membuat seluruh gambar bulat dengan menambahkan perbatasan-radius: 50%

D.   .img-rounded: tambahkan perbatasan-recat: 6px untuk memberikan sudut reaksi gambar

E.   .img-circle: membuat seluruh jari-jari gambar dengan menambahkan batas perbatasan

51:

Plugin afiks beralih di antara kelas-kelas berikut? (Pilih semua yang berlaku)

A.   .Affix

B.   Affix-bottom

C.   .Affix-top

D.   Bukan dari salah satu di atas

52:

Peristiwa berikut ditembakkan segera ketika metode instan Hide telah dipanggil?

A.   $ ('#Popoverexample'). on ('show.bs.popover', function () {// lakukan sesuatu ...})

B.   $ ('#Popoverexample'). on ('show.bs.popover', function () {// lakukan sesuatu ...})

C.   $ ('#Popoverexample'). on ('hidden.bs.popover', function () {// lakukan sesuatu ...})

D.   $ ('#POPOVEREXAMPLE'). ON ('hide.bs.popover', function () {// lakukan sesuatu ...})

53:

Manakah dari gaya bootstrap berikut yang dapat digunakan untuk mendapatkan item. Paginasi berukuran berbeda?

A.   .lg, .sm

B.   .pagination-lg, .pagination-sm

C.   .menu-lg, .menu-sm

D.   Bukan dari salah satu di atas.

54:

Gaya bootstrap mana yang membuat satu set tombol muncul secara vertikal ditumpuk daripada secara horizontal?

A.   .btn-group

B.   .btn-toolbar

C.   .btn-group-lg

D.   .btn-group-vertikal

55:

Manakah dari variabel berikut yang tidak tersedia untuk mengubah pengaturan perancah default menggunakan lebih sedikit?

A.   @body-bg

B.   @warna teks

C.   @base-color

D.   @link-color

56:

Manakah dari berikut ini yang merupakan ukuran gambar yang benar dalam objek media default?

A.   32x32

B.   64x64

C.   128x128

D.   Tak ada satupun

57:

Manakah dari perintah berikut yang valid untuk menampilkan jendela modal?

A.   $ ('#Welcome-message'). Modal ('display');

B.   $ ('#welcome-message'). Modal ('show');

C.   $ ('#welcome-message'). Modal ('open');

D.   $ ('#welcome-message'). Modal ('render');

58:

Bagaimana Anda membuat tabel kental yang memiliki batas dan melayang efek pada baris?

A.   Tabel kelas = & quot; tabel Row-hover border condensed & quot;> </ablep>

B.   <Table class = & quot; Table Kondensasi Bordered Hover & quot;> </able>

C.   <Table class = & quot; Table Table Terkondensasi Table-Bordered Row-hover & quot;> </ablept>

D.   <Table class = & quot; Table Table Terkondensasi Table-Bordered Table-Hover & quot;> </ablept>

59:

Manakah dari warna berikut yang merupakan warna default untuk bilah kemajuan?

A.   #286090

B.   #CC2929

C.   #167AC6

D.   Bukan dari salah satu di atas.

60:

Manakah dari perpustakaan font-icon berikut yang termasuk dalam Bootstrap 3?

A.   Fontello

B.   Fontawesome

C.   Glyphicons

D.   Icomoon

61:

Bagaimana Anda menyiram sisi kiri dan kanan teks menggunakan bootstrap?

A.   .text-justify

B.   .text-nowrap

C.   .text-flush

D.   .text-align-left-right

62:

Apa gunanya kueri media dalam CSS dan di Bootstrap?

A.   Untuk menentukan ukuran tampilan browser

B.   Untuk menentukan file media mana yang dapat dimuat di halaman

C.   Untuk memindahkan, menunjukkan, dan menyembunyikan konten berdasarkan ukuran viewport

D.   Bukan dari salah satu di atas

63:

paket ikon apa yang secara resmi termasuk dalam bootstrap?

A.   Flaticon

B.   Plusicons

C.   Font-Awesome

D.   Glyphicons

64:

kelas CSS apa yang diperlukan untuk menampilkan input bentuk satu demi satu dalam baris tunggal?

A.   `Form-Inline-Mobile` Jika viewport lebih kecil dari 768px lebarnya

B.   `Form-Inline` Jika viewport setidaknya 768px lebar

C.   `Form-inline-desktop` Jika viewport setidaknya 768px lebar

D.   `form-as-row` Jika viewport setidaknya 768px lebar

E.   `Form-in-row` Jika viewport setidaknya 768px lebar

F.   Tidak dapat dilakukan karena bootstrap adalah mobile pertama dan pada elemen formulir seluler ditampilkan di kolom

65:

Preprocessor apa yang digunakan untuk membangun bootstrap?

A.   LEBIH SEDIKIT

B.   KELANCANGAN

C.   TCSS

D.   Twittercss

66:

Apa yang akan terjadi jika viewport dengan resolusi 500x800 akan berputar ke lanskap situs yang menggunakan bootstrap kustom? span>

A.   Item dengan kelas `.visible-xs-*` akan bersembunyi

B.   Hasil tergantung pada lebih sedikit konfigurasi

C.   Item dengan kelas `.visible-md-*` akan tetap tersembunyi

D.   Item dengan kelas `.visible-lg-*` akan tetap tersembunyi

67:

variabel perancah apa yang tersedia untuk digunakan dalam CSS klasik untuk mengganti nilai default?

A.   body-BG, abu-abu gelap, merek-primer, tautan-hover-color, tautan-hover-dekorasi

B.   Tidak mungkin untuk mengganti lebih sedikit variabel dalam file CSS klasik.

C.   body-BG, teks-warna, warna tautan, tautan-hover-dekorasi, tautan-hover-color

D.   Gray-Dark dan Merek-Primary

68:

Apa yang akan terjadi jika kelas khusus SR ditambahkan ke beberapa elemen div?

A.   Div akan terlihat hanya untuk perangkat resolusi kecil

B.   Div akan terlihat hanya untuk pembaca layar

C.   Div akan meluncur hanya ke sisi kanan

D.   Div hanya akan tetap di sisi kanan layar

69:

none. Bootstrap belum mendukung FlexBox .-- Bootstrap V4 akan melakukannya.

A.   Tidak ada. Bootstrap belum mendukung FlexBox .-- Bootstrap V4 akan melakukannya.

B.   Hanya kelas `row-flex` dan` kolom-flex`

C.   Setiap

D.   <Ol> <li> Opsi CSS Model FlexBox apa yang dapat digunakan bersama dengan bootstrap? </li> </l>

70:

Apa yang diperlukan untuk membuat menu yang mengubah item menu aktif saat menggulir konten div?

A.   UL Class = & quot; nav & quot; id = & quot; top_navigasi & quot;> <li id ​​= & quot; bagian-1 & quot;> Bagian 1 </li> <li id ​​= & quot; Bagian-2 & quot;> Bagian 2 </li> </ul> dan konten harus dibungkus dengan div tersebut: <div data-menu = & quot; top_navigasi & quot;> <div id = & quot; bagian-1 & quot;> konten </div> <div id = & quot; bagian-2 & quot;> konten </div> </div >

B.   Spy gulir dapat digunakan yang merupakan plugin JS

C.   Anda akan memerlukan beberapa lib pihak ke -3 untuk mewujudkannya. Misalnya. jQuery atau reactjs

D.   Tambahkan saja navigasi dengan mis. `data-rel = & quot; navigasi & quot;` atribut dan div yang sama dengan `data-rel-bind = & quot; navigasi & quot;`

71:

Apa perbedaan visual antara teks a dan teks b untuk pengguna akhir?

A.   Dengan `del` teks tag terlihat seperti teks yang dihapus dan dengan tag` s` digunakan untuk membuat teks yang strikethrough

B.   Tidak ada perbedaan visual

C.   Ada sedikit perbedaan untuk pengguna safari di mac, sementara tidak ada perbedaan untuk yang lain

D.   `del` dan` s` mewakili hal yang berbeda dan teks `del` juga merah, sedangkan teks` s` hanya diseret melalui

72:

Breakpoint Media Queries Apa yang Tersedia sebagai lebih sedikit opsi untuk membuat UI yang lebih baik untuk perangkat seluler? (Pilih semua yang berlaku)

A.   width-medium

B.   Media-Query-Mobile

C.   screen-xs

D.   layar layar

E.   kecil

F.   Tak ada satupun

73:

Manakah dari berikut ini yang merupakan deskripsi yang benar tentang kelas .offset*?

A.   Itu dari kolom dan simpan tempat.

B.   Itu dari kolom off dan tidak menyimpan tempat.

C.   Ini meningkatkan margin kanan di kolom.

D.   Ini meningkatkan margin kiri di kolom.

74:

Apa opsi untuk membuat berat font lebih berani daripada di elemen induk?

A.   Tambahkan kelas `Bold`

B.   Gunakan tag `bold` html

C.   Gunakan html `kuat` tag

D.   Gunakan tag html `b`

E.   Tambahkan kelas `kuat`

F.   Tak ada satupun

75:

kode apa yang digunakan untuk membuat navigasi?

A.   <span id = "docs-internal-guid-071e52ce-7fff-d482-badd-97eab6dc5fde"> <span style = "font-variant-numerik: normal; font-variant-timur-asian: normal; vertikal-segn: baseline ; "> <ul class =" nav nav-pills "> ... </ul> </span> </span>

B.   <ul class = "dropdown-menus"> <span id = "docs-internal-guid-8be069af-7fff-9809-70f4-a1d9afdb984e"> <span style = "font-size: 12pt; font-family: calibri, sans -serif; latar belakang-warna: transparan; font-variant-numerik: normal; font-variant-timur-asian: normal; vertikal-align: baseline; ruang putih: pra-wrap; "> <ul class =" dropdown- Menu "> ... </ul> </span> </span> </ul>

C.   <ul class = "navigasi"> <span id = "docs-internal-guid-14ebfa5b-7ffffffffffffffffffff6c3-74b4-c9f489aa211c"> <span style = "font-size: 12pt; font-family: calibri, sans-serif ; latar belakang-warna: transparan; font-variant-numerik: normal; font-variant-timur-asian: normal; vertikal-align: baseline; spasi putih: pra-wrap; "> <ul class =" navigasi ">. .. </ul> </span> </span> </ul>

D.   <ul class = "nav nav-dropdowns"> <span id = "docs-internal-guid-77181952-7fff-05cf-0e4a-8ba5c67692fe"> <span style = "font-size: 12pt; font-family: calibri, calibri, sans-serif; latar belakang-warna: transparan; font-variant-numerik: normal; font-variant-timur-asian: normal; vertikal-align: baseline; ruang putih: pra-wrap; "> <ul class =" nav nav-dropdowns "> ... </ul> </span> </span> </ul>

E.   <ul class = "nav nav-tabs"> <span id = "docs-internal-guid-ce8bd524-7fff-1541-e93d-b38b7d718be0"> <span style = "font-size: 12pt; font-family: calibri, sans-serif; latar belakang-warna: transparan; font-variant-numerik: normal; font-variant-timur-asian: normal; vertikal-align: baseline; spasi putih: pra-wrap; "> <ul class =" nav nav-tabs-with-dropdown "> ... </ul> </span> </span> </ul>

F.   <ul class = "nav nav-tabs-with-dropdown"> <span id = "docs-internal-guid-8c03703f-7fff-3162-c0fe-4eda7ef617f7"> <span style = "font-size: 12pt; font- Keluarga: Calibri, Sans-Serif; Latar Belakang-Color: Transparan; Font-Variant-Numerik: Normal; Font-Variant-East-Asia: Normal; Vertikal-Align: Baseline; White-Space: Pre-Wrap; "> <ul class = "menu"> </ul> </span> </span> </ul>

G.   <ul class = "menu"> </ul>

76:

Apa yang perlu digunakan untuk membuat teks yang ditandai?

A.   Tambahkan kelas `mark` ke beberapa tag html

B.   <span id="docs-internal-guid-185a0d26-7fff-579e-4f6b-c675b91cfbd3"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline ; "> dengan <mark> tag html </span> </span>

C.   Tambahkan kelas `bertanda` ke beberapa tag html

D.   Tambahkan kelas `ditandai` ke beberapa tag html

E.   Tambahkan kelas `bertanda teks` ke beberapa tag HTML

77:

Manakah dari gaya bootstrap berikut ini memberikan bobot visual ekstra dan mengidentifikasi aksi utama dalam satu set tombol?

A.   .btn

B.   .btn-primary

C.   .btn-success

D.   .btn-info

78:

Manakah dari berikut ini yang merupakan bagian dari strategi bootstrap seluler pertama?

A.   Konten: Tentukan apa yang paling penting.

B.   Tata letak: Desain ke lebar yang lebih kecil terlebih dahulu. Base CSS alamat perangkat seluler terlebih dahulu; Alamat kueri media untuk tablet, desktop.

C.   Peningkatan Progresif: Tambahkan elemen seiring dengan meningkatnya ukuran layar.

D.   Semua yang di atas.

79:

Manakah dari gaya bootstrap berikut yang dapat digunakan untuk membuat bilah kemajuan yang ditumpuk?

A.   .Progress-stacked

B.   .kemajuan

C.   .progress-stack.

D.   Bukan dari salah satu di atas.

80:

Manakah dari berikut ini yang benar tentang sumur bootstrap?

A.   Sumur adalah wadah di <verv> yang menyebabkan konten tampak cekung atau efek inset pada halaman.

B.   Untuk membuat sumur, cukup bungkus konten yang ingin Anda tampilkan di sumur dengan <viv> yang berisi kelas. Well.

C.   Keduanya di atas.

D.   Bukan dari salah satu di atas.

81:

Manakah dari berikut ini yang harus dimasukkan di dalam kepala dokumen HTML untuk rendering dan pembesaran sentuh yang tepat?

A.   meta name = & quot; viewports & quot; Content = & quot; width = perangkat-lebar, skala awal = 1 & quot;>

B.   <meta name = & quot; viewport & quot; Content = & quot; width = perangkat-lebar, skala awal = 1 & quot;>

C.   <meta name = & quot; viewSport & quot; Content = & quot; width = perangkat-lebar, skala awal = 1 & quot;>

D.   Bukan dari salah satu di atas

82:

Apakah mungkin untuk membuat gambar responsif?

A.   Ya, menggunakan kelas pembantu: `responsif`

B.   Ya, menggunakan kelas: `img-responsive`

C.   Ya, menggunakan kelas `img-responsive` tetapi akan membutuhkan plugin javascript yang diaktifkan

D.   Ya, menggunakan kelas `img-rounded` jadi lebarnya akan dibulatkan ke integer terdekat dengan lebar viewport

E.   Ya, menggunakan kelas `img-fluid`

F.   Ya, menggunakan kelas `gambar-responsif`

G.   Tak ada satupun

83:

Manakah dari yang berikut ini yang tidak benar?

A.   Menambahkan & quot; lead & quot; Kelas ke elemen P membuat teks menonjol.

B.   Menambahkan & quot; teks-kiri & quot; Kelas ke elemen P membuat teks sejajar ke kiri.

C.   Menambahkan & quot; teks-justify & quot; Kelas ke elemen P membuat teks dibenarkan.

D.   Menambahkan & quot; Teks-kapitalisasi & quot; Kelas ke elemen P membuat teks dikapitalisasi.

84:

Manakah dari berikut ini yang benar tentang kueri media bootstrap?

A.   Kueri Media adalah istilah yang sangat mewah untuk & quot; aturan CSS bersyarat & quot;.

B.   Ini hanya menerapkan beberapa CSS, berdasarkan kondisi tertentu yang ditetapkan. Jika kondisi tersebut dipenuhi, gayanya diterapkan.

C.   Keduanya di atas.

D.   Bukan dari salah satu di atas.

85:

Manakah dari kelas berikut yang harus ditambahkan ke tag formulir untuk membuatnya sejalan?

A.   .Di barisan

B.   .Form-inline

C.   .horisontal

D.   Bukan dari salah satu di atas.

86:

kelas mana yang menerapkan warna hover ke baris atau sel tabel tertentu?

A.   . Aktif

B.   .kesuksesan

C.   .peringatan

D.   .bahaya

87:

Manakah dari kelas berikut yang dapat digunakan untuk membuat tabel responsif? p>

A.   .tabel-responsif

B.   . Responsif

C.   .aktif

D.   .meja

88:

Manakah dari berikut ini yang benar tentang sistem grid bootstrap?

A.   Baris harus ditempatkan di dalam kelas kontainer untuk penyelarasan dan bantalan yang tepat.

B.   Gunakan baris untuk membuat grup kolom horizontal.

C.   Konten harus ditempatkan di dalam kolom, dan hanya kolom yang dapat menjadi anak -anak barisan.

D.   Semua yang di atas.

89:

Manakah dari berikut ini yang benar tentang atribut data-backdrop data plugin modal?

A.   Ini menentukan statis untuk latar belakang, jika Anda tidak ingin modal ditutup ketika pengguna mengklik di luar modal.

B.   Itu menutup modal ketika tombol pelarian ditekan; diatur ke false untuk menonaktifkan. Ini menunjukkan modal saat diinisialisasi.

C.   Menggunakan metode jQuery .Load, menyuntikkan konten ke dalam badan modal. Jika HREF dengan URL yang valid

D.   Ditambahkan, itu akan memuat konten itu.

90:

Bagaimana konten tab dengan bootstrap dibuat?

A.   Menggunakan .NAV dan .Tabbed kelas di <ul> Tag

B.   Menggunakan kelas .nav dan .tabs di tag <ul>

C.   Menggunakan kelas. Navigasi dan. Tab di tag <ul>

D.   Menggunakan kelas .nav dan .nav-tabs di <ul> tag

91:

Bagaimana Anda menghapus gaya daftar untuk daftar bersarang?

A.   Dengan menambahkan kelas.

B.   Dengan menambahkan kelas.

C.   Dengan daftar pembungkus dengan tag <NonTjoyed>

D.   Dengan daftar pembungkus dengan tag <ul>

92:

Bagaimana teks huruf besar dibuat dengan hanya menggunakan kelas bootstrap?

A.   Tambahkan kelas .uppercase ke beberapa elemen teks

B.   Itu tidak mungkin

C.   Tambahkan kelas .Text-Uppercase ke beberapa elemen teks

D.   Tambahkan .All-Uppercase kelas ke beberapa elemen teks

E.   Tambahkan kelas .T-Uppercase ke beberapa elemen teks

93:

Peristiwa berikut menembak pada tab acara setelah tab telah ditampilkan. Gunakan event.target dan event.relatedTarget untuk menargetkan tab aktif dan tab aktif sebelumnya?

A.   $ ('a [data- sakelar = & quot; tab & quot;]'). on ('dibuka.bs.tab', function (e) {e.target e.relatedTarget})

B.   $ ('A [data- sakelar = & quot; tab & quot;]'). on ('open.bs.tab', function (e) {e.target e.relatedTarget})

C.   $ ('A [data- sakelar = & quot; tab & quot;]'). on ('show.bs.tab', function (e) {e.target e.relatedTarget})

D.   $ ('a [data- sakelar = & quot; tab & quot;]'). on ('show.bs.tab', function (e) {e.target e.relatedTarget})

94:

Berapa banyak kolom yang dimiliki grid bootstrap?

A.   8

B.   10

C.   12

D.   14

95:

sistem grid bootstrap didasarkan pada berapa banyak kolom?

A.   3

B.   12

C.   6

D.   9

96:

Apa-tinggi garis default saat menggunakan Bootstrap Twitter?

A.   1

B.   1.428

C.   1.5

D.   2

E.   2.428

97:

Dapatkah plugin bootstrap dimasukkan secara individual?

A.   Ya

B.   TIDAK

C.   Ya, tapi hanya tab dan tooltip

D.   Tidak, kecuali modal

98:

acara berikut ditembakkan ketika tooltip selesai disembunyikan dari pengguna (akan menunggu transisi CSS selesai) :

A.   $ ('#Tooltipexample'). On ('show.bs.tooltip', function () {// lakukan sesuatu ...})

B.   $ ('#Tooltipexample'). On ('hide.bs.tooltip', function () {// lakukan sesuatu ...})

C.   $ ('#Tooltipexample'). On ('activate.bs.scrollspy', function () {// lakukan sesuatu ...})

D.   $ ('#Tooltipexample'). On ('hidden.bs.tooltip', function () {// lakukan sesuatu ...})

E.   $ ('#Tooltipexample'). On ('show.bs.tooltip', function () {})

99:

Manakah dari berikut ini yang benar tentang Atribut Data Data-HTML plugin Tooltip?

A.   Menerapkan transisi Fade CSS ke tooltip.

B.   Memasukkan html ke tooltip. Jika salah, metode teks JQuery akan digunakan untuk memasukkan konten ke dalam DOM.

C.   Menentukan cara memposisikan tooltip (mis., Top | Bawah | Kiri | Kanan | AUTO).

D.   Delegasi ke target yang ditentukan.

100:

Bagaimana cara kerja grid bootstrap?

A.   Ini dilakukan dengan flexbox, Anda hanya menggunakan alat peraga seperti `flex = & quot; 1 & quot;` dan `alignitems = & quot; center & quot;`

B.   Bootstrap menyediakan kelas khusus untuk membuat kisi. `Row` untuk baris dan` span1, span2, span3 dll. Untuk kolom.

C.   Bootstrap menyediakan kelas khusus untuk membuat kisi. `Row` untuk baris dan` col-md-3, col-lg-12 dll. Untuk kolom.

D.   Bootstrap menyediakan kelas khusus untuk membuat kisi. `Row` untuk baris dan` col-mobile-3, col-tablet-12 dll. Untuk kolom.