türkçe dilinde bootstrap soruları

türkçe dilinde bootstrap soruları

Bu çoktan seçmeli içki kaçakçılığı soruları ve yanıtları, içki kaçakçılığı bilginizi genişletmenize yardımcı olacaktır. Bir sonraki sınava veya iş görüşmesine hazırlanmak için bu çoktan seçmeli soruları kullanabilirsiniz.
Cevaplara başlamak için aşağı kaydırın.

1:

> Hangi bootstrap sınıfı duyarlı tablolar oluşturmak için kullanılır?

A.   masaya duyarlı

B.   masa-bootstrap

C.   duyarlı masa

D.   bootstrap masası

2:

> Aşağıdaki düğme sınıflarından hangisi yoktur? (geçerli olanları kontrol edin)

A.   .Btn-Default

B.   .Btn-Primary

C.   .btn-contaary

D.   .Btn-Warning

E.   .Btn-Error

3:

> Bir düğme grubu oluşturmak için hangi sınıf kullanılır?

A.   .Btn-Group

B.   .Button-Grup

C.   .Grup-Button

D.   .Group-btn

4:

> Aşağıdakilerden hangisi bağlamsal sınıf değildir?

A.   .aktif

B.   .tehlike

C.   .başarı

D.   .arıza

5:

> Hangi sınıf bir tabloya zebra çizgileri ekler?

A.   .table-zebra

B.   .table sınırlı

C.   .çift ve tek

D.   .table-çizgili

6:

> Bu liste türlerinden hangisi Bootstrap'ta var? (geçerli olanları kontrol edin)

A.   .List ile hizalanmış

B.   .List-snoled

C.   .List-inline

D.   .List-block

7:

> Bir ekmek kırıntısı oluşturmak için aşağıdaki sınıftan hangisi kullanılabilir?

A.   .Menü

B.   .navbar

C.   .öğeler

D.   .breadcrumb

8:

> Metni vurgulamak için hangi etiket kullanılabilir?

A.   Etiket>

B.   <span>

C.   <Hover>

D.   <Mark>

9:

> Aşağıdaki sınıflardan hangisi tabloyu duyarlı hale getirecek?

A.   .Table-Scrollable

B.   .table-condensed

C.   .table yanıt veren

D.   .table-çizgili

10:

> " Yalnızca Sr "; Bootstrap için gerekli sınıf?

A.   Sınıf sadece hizmet kurallarını gizlemek için kullanılır

B.   Sınıf sadece hizmet kurallarını göstermek için kullanılır

C.   Sınıf, yalnızca oluşturulan sayfanın düzeninden ekran okuyucuları için tasarlanmış bilgileri göstermek için kullanılır.

D.   Sınıf, yalnızca ekran okuyucuları için tasarlanan sayfanın düzeninden tasarlanan bilgileri gizlemek için kullanılır

11:

> Aşağıdakilerden hangisi bootstrap ile sayfalandırmanın doğru yolu?

A.   nav aria-label = & quot; sayfa navigasyonu "> <ul class = & quot; quajination"> <li> <a href=" ;#& quot;> 2 </a> </li> <li> <a href="#"> 3 </a> </li> <li> <a href="#"> 4 </a> </li> <li> <a href="

B.   nav aria-label = & quot; sayfa navigasyonu "> <ul class = & quot; quajination"> <p> <a href=" ;#& quot;> 2 </a> </p> <p> <a href=" </a> </p> <p> <a href="

C.   nav aria-label = & quot; sayfa gezinti & quot;> <ul class = & quination & quination & quot;> <i> <a href=" ;#& quot;> 2 </a> </i> <i> <a href=" </a> </i> <i> <a href="

D.   Yukarıdakilerin hiçbiri

12:

> Bir paragrafı öne çıkarmak için aşağıdaki sınıflardan hangisi kullanılır?

A.   çıkış

B.   büyük

C.   yol göstermek

D.   Birinci

13:

> düğmeye rozet nasıl eklenir?

A.   Düğme Sınıfı = & quot; Btn Btn-Primary Btn-With-Badge & quot;> Mesajlar <span> 4 </span> </bduct>

B.   <button class = & quot; btn btn-primary & quot;> mesajlar <span class = & quot; roze "

C.   <button class = & quot; btn btn-primary & quot;> Mesajlar <Span class = & quot; btn-badge "

D.   <button class = & quot; btn btn-primary & quot;> Mesajlar </tck buton> <span class = & quot; btn-badge & quot;> 4 </span>

14:

>

A.   .form set

B.   .gruptan

C.   .

D.   Form-öğe

15:

> Hangi düğme sınıfı büyük bir düğme oluşturmak için kullanılır?

A.   .Btn-lg

B.   .Btn-büyük

C.   .btn-l

D.   .Btn-xl

16:

> Sıralı bir liste yapmak için hangi sınıf kullanılabilir?

A.   .List-line

B.   .list-line

C.   .List-line

D.   .List-inline

17:

> Alert kutusuna bağlantıyı yerleştirmenin doğru yolu nedir?

A.   div class = & quot; uyarı uyarı ">> uyarı! <a href=" #"> Belgeleri okuyun.

B.   <div class = & quot; uyarı uyarı uyarı uyarı-yükseklik bağlantıları & quot;> UYARI! <a href=" #"> Belgeleri okuyun.

C.   <div class = & quot; uyarı uyarı ">> uyarı! <a href = "#& quot; Class = & quot; Uyarı-Link & quot;> Belgeleri Oku. </a> </div>

D.   <div class = & quot; uyarı uyarı ">> uyarı! <a href = "#& quot; Class = & quot; Uyarı Warning-Link & quot;> Belgeleri Oku. </a> </rive>

18:

> İçinde alt metin olan bir sayfa başlığı oluşturmanın doğru yolu nedir?

A.   h1 class = & quot; page-header & quot;> rails rails <Small>

B.   <H1 class = & quot; page-header & quot;> rails rails <small class = & quot; header-dubtext & quot;

C.   <div class = & quot; page-header & quot;> <h1> Rails on Rails <Small> tarafından Matz </small> </h1> </div>

D.   <div class = & quot; page-header & quot;> <h1> Rails on Rails <Small class = & quot; başlık-subtext & quot;

19:

> Bootstrap kullanma ile onay kutusu oluşturmanın doğru yolu nedir?

A.   Etiket sınıfı = & quot; checkbox & quot;> <giriş türü = & quot; checkbox & quot; Value = & quot; kontrol edildi & quot;

B.   <div class = & quot; checkbox & quot;> <label> <giriş türü = & quot; checkbox & quot; Value = & quot; kontrol edildi & quot;

C.   <div class = & quot; checkbox & quot;> <giriş türü = & quot; checkbox & quot; Value = & quot; kontrol edildi & quot;> <able> Kabul terimlerini kabul edin

D.   <div class = & quot; checkbox & quot;> <label> terimleri kabul </able> <giriş türü = & quot; checkbox & quot; değer = & quot; kontrol edildi & quot;> </d div>

20:

> BTN-Primary sınıfı ile düğmenin rengi ne olacak?

A.   Mavi

B.   Kırmızı

C.   Beyaz

D.   Siyah

21:

> Aşağıdaki görüntü yardımcılarından hangisi mevcut değil?

A.   .Img Yürür

B.   .Img-Circle

C.   .img sınırlı

D.   .img-Thumbnail

22:

> Sekmeler oluşturmak için aşağıdaki bootstrap sınıflarından hangisi kullanılabilir?

A.   .navigasyon .navigasyon-ay

B.   .nav .nav-tabs

C.   .nav-tabs-navigation .nav-tabs-children

D.   Yukarıdakilerin hiçbiri

23:

> Hangi sınıf ekstra dikkat çekmek için büyük bir kutu oluşturmak için kullanılır?

A.   .büyük kutu

B.   .Jumbotron

C.   .Container

D.   .dikkat

24:

> Sayfa başlık öğesi için hangi sınıf kullanılabilir?

A.   .sayfa başlığı

B.   .Page-Header

C.   .Header

D.   Yukarıdakilerin hiçbiri

25:

> Neden Normalize.CSS Bootstrap çerçevesinde kullanılır?

A.   Bootstrap kaynak dosyalarının boyutunu optimize etmek için

B.   Çapraz tarayıcı oluşturmayı geliştirmek için

C.   Google yazı tiplerini doğrudan Bootstrap CSS'ye aktarmak için

D.   Yukarıdakilerin hiçbiri

26:

> hangi sınıf bir görüntüyü bir daireye şekillendirir?

A.   .img-Thumbnail

B.   .img-round

C.   .img-Circle

D.   .Img Yürür

27:

> ana öğesinin tüm genişliğini kapsayan blok seviyesi düğmesi nasıl oluşturulur?

A.   .btn çapında

B.   .Btn-Full

C.   .Btn-Container

D.   .btn-blok

28:

> Aşağıdaki CSS kodlarından hangisi bir formda gerekli alanlara yıldız ilave etmek için kullanılabilir? < /p>

A.   .form -group.required .Control-label: sonra {content: & quot;*& quot ;; kırmızı renk; }

B.   .form-group: gerekli {content: & quot;*& quot ;; kırmızı renk; }

C.   .form-group: sonra {content: & quot;*& quot ;; kırmızı renk; }

D.   Yukarıdakilerin hiçbiri

29:

> Aşağıdaki sınıflardan hangisi tabloyu" Zebra "gibi gösteriyor"

A.   .table-mol

B.   .table-zebra

C.   .table-kayış

D.   .table-çizgili

30:

> Doğru oluşturma ve zooming'e dokunmak için aşağıdaki meta etiketlerden hangisi önemlidir?

A.   meta içerik = & quot; metin & quot;>

B.   <Meta Name = & quot; ViewPort & quot; Content = & quot; width = cihaz genişliği, başlangıç ​​ölçeği = 1 & quot;>

C.   <Meta Charset = & quot; Utf-8 & quot;>

D.   <meta http-equiv = & quot; yenileme & quot; içerik = "30 & quot;>

31:

> Klavye kombinasyonlarını göstermek için aşağıdaki etiketlerden hangisi kullanılır?

A.   Bölüm>

B.   <code>

C.   <klavye>

D.   <KBD>

32:

> Hangi sınıf, görünümün tüm genişliğini kapsayan tam genişlikte bir kap sağlar?

A.   .Container-Fluid

B.   .Container sabitlenmiş

C.   .Container-Fullwidth

D.   .Container

33:

> hangi sınıf duyarlı bir sabit genişlik kap sağlar?

A.   .Container sabitlenmiş

B.   .Container-Fluid

C.   .Container

D.   .Container-Fullwidth

34:

> Kırmızı düğmeye sahip olmanın varsayılan yolu nedir?

A.   Düğme Türü = "Düğme"; class = & quot; btn Btn-Depault "> Varsayılan </utton>

B.   <Button Type = & quot; Button & quot; class = & quot; btn Btn-Default-Red & quot;>> Varsayılan Kırmızı </ttone>

C.   <Button Type = & quot; Button & quot; sınıf = & quot; btn & quot; color = & quot; kırmızı & quot;> Kırmızı </tduct>

D.   <Button Type = & quot; Button & quot; class = & quot; btn btn-red & quot;> kırmızı </tduct>

E.   <Button Type = & quot; Button & quot; class = & quot; btn btn-tehlike & quot;> Tehlike </btone>

F.   <Button Type = & quot; Button & quot; class = & quot; btn btn-alem

35:

> Bootstrap kullanırken mobil cihazlarda yakınlaştırmayı devre dışı bırakmak mümkün mü?

A.   Hayır, bootstrap önce mobil ve mobil siteler yakınlaştırma veya dışarı yakınlaştırma yeteneğine sahip olmalı

B.   Evet, ancak JS'yi etkinleştirmiş ve `data-zoom = & quot; kapalı" Vücut etiketine eklemelisiniz

C.   Zoom yalnızca `genişlik = cihaz genişliği '' adlı Meta etiketindeyse,` name = & quot; viewport & quot;

D.   Zoom yalnızca `` başlangıç ​​ölçeği = 1, maksimum ölçekli = 1 '' adlı meta etikette, `name = & quot; viewport & quot;`

36:

> Aşağıdaki kod snippet'ini kullanarak atlıkarınca kontrollerini etkinleştirebilirsiniz.

A.   $ (& quot; .item & quot;). Click (function () {$ ("#Idcarousel & quot;). Carousel (0);});

B.   $ ("#Idcarousel & quot;). Carousel ();

C.   $ (& quot; .item & quot;). Click (function () {$ ("#Idcarousel & quot;). Carousel (1);});

D.   $ (& quot; .left & quot;). Click (function () {$ ("#Idcarousel & quot;).

37:

> Jumbotron nedir?

A.   Bootstrap'ta böyle bir şey yok, büyük TV setlerini tanımlamak için kullanılan bir kelime

B.   Anahtar içeriği sergilemek için öğe

C.   Izgara düzenini tutmak konteyner öğesi

D.   Görüntüleri tam ekran modunda tutmak konteyner öğesi

38:

> Bootstrap size aşağıdaki form düzen türlerini sağlar: (geçerli olan her şeyi seçin)

A.   Yatay form

B.   Satır içi form

C.   Anahat formu

D.   Dikey (varsayılan) form

39:

> Duyarlı yardımcı programlar şu anda yalnızca aşağıdaki sınıflarda geçiş yapmak için kullanılabilir:

A.   Visible-SM bloğu: küçük cihazlar (767px'den fazla ve genişliğinde 992px'ten az) görünür

B.   Visible-MD-Block: Orta cihazlar (genişliğe kadar 768 piksel) görünür

C.   Visible-MD-Block: Orta cihazlar (768px ila 980px genişliğinde) görünür

D.   Visible-LG: Daha büyük cihazlar (992px ve üstü genişlik) görünür

40:

> hangi tarayıcılar desteklenir?

A.   Tüm tarayıcılar desteklenir.

B.   Chrome, Firefox, Opera, IE ve Safari'nin tüm sürümleri.

C.   Otomatik olarak güncellenen Chrome, Safari, Firefox tam olarak desteklenir ve IE 8 ve 9 kısmen desteklenir.

D.   Otomatik olarak güncellenen Chrome, Safari, Firefox tam olarak desteklenir ve IE 8 ve 9 yalnızca eski IE uyumluluk modları ile desteklenir.

41:

> Hangi kod bootstrap düğmesi oluşturur?

A.   Düğme Türü = "Düğme"; class = & quot; düğme başarısı "

B.   <Button Type = & quot; Button & quot; class = & quot; btn btn-success & quot;> button </btone>

C.   <btn class = & quot; başarı "düğmesi </btn>

D.   <Button Type = & quot; Button & quot; class = & quot; btn-flat & quot;> button </utton>

42:

> Bootstrap'ta çökme elemanları, harici __?

A.   AZ

B.   CSS

C.   JavaScript

D.   Modsal

43:

> Bootstrap'taki simgeler hakkında doğru olan nedir?

A.   Bootstrap kutudan simgeler sağlamaz, ancak malzeme tasarımı, yazı tipi harika veya bootstrap ile bir araya getirilen diğer simgeleri kullanmak mümkündür.

B.   DIV metninden sonra simge gerekiyorsa, simge şu şekilde eklenebilir: `<div class = & quot; gliphicon gliphicon-search & quot;> Arama </div>`

C.   Simge sınıfları doğrudan diğer öğelerle birleştirilebilir.

D.   Simge sınıfları yalnızca boş öğelerle kullanılmalıdır

E.   Bunlardan hiçbiri

44:

> Bootstrap ızgara sistemi aşağıdaki sınıf önekleri mi var? (geçerli olan her şeyi seçin)

A.   col-lg-

B.   col-sm-

C.   Col-Em-

D.   col-xs-

E.   Col-SX-

45:

> Önceki etkin sekmeyi almak için hangi kod doğrudur? P>

A.   $ ('. nav-tabs a'). ('shown.bs.tab', function (event) {var xy = $ (event.RelatedTget) .preVious ();});

B.   $ ('. nav-tabs a'). ('shown.bs.tab', function (event) {var xy = $ (event.RelatedTget) .back ();});

C.   $ ('. nav-tabs a'). ('shown.bs.tab', function (event) {var xy = $ (event.RelatedTget) .prev ();});

D.   $ ('. nav-tabs a'). ('shown.bs.tab', function (event) {var xy = $ (event.RelatedTget) .text ();});

46:

> Hangi kod önceki etkin sekmenin metinini almanın doğru yoludur?

A.   $ ('. nav-tabs a'). ('shown.bs.tab', function (event) {var xy = $ (event.RelatedTget) .preVious ();});

B.   $ ('. nav-tabs a'). ('shown.bs.tab', function (event) {var xy = $ (event.RelatedTget) .back ();});

C.   $ ('. nav-tabs a'). ('shown.bs.tab', function (event) {var xy = $ (event.RelatedTget) .prev ();});

D.   $ ('. nav-tabs a'). ('shown.bs.tab', function (event) {var xy = $ (event.RelatedTget) .text ();});

47:

> Bir arama simgesi nasıl ekleyebilirsiniz?

A.   span class = & quot; gliphicon gliphicon-arearch & quot;> </span>

B.   <Span Class = & quot; glif glif arışı & quot;> </span>

C.   <Span Class = & quot; gliphicon-search & quot;> </span>

D.   <Span Class = & quot; Gliphicon Arama "> </span>

48:

> Hangi sınıf bir siyah navigasyon çubuğu oluşturmak için kullanılır?

A.   .navbar-inverse

B.   .Navbar-Black

C.   .navbar-default

D.   .navbar-dark

49:

> twitter bootstrap nedir?

A.   Prototipleme sırasında kullanıcı arayüzleri oluşturmak için CSS API'sı

B.   Kullanıcı arayüzleri oluşturmak için HTML, CSS ve JavaScript çerçevesi

C.   Hızlı CSS değişikliklerine izin veren JS ve ECMascript çerçevesi

D.   Twitter kullanıcı arayüzünün bir parçası

E.   Arayüzler oluşturmanın yeni yolu

50:

> Bootstrap, görüntülere bazı basit stilleri uygulamak için kullanılabilecek aşağıdaki sınıfları sağlar? (geçerli olan her şeyi seçin)

A.   .img-Thumbnail: Biraz dolgu ve gri sınır ekler

B.   .IMG Yürütülmesi: Border-Radius ekler: Görüntüyü yuvarlak köşelere vermek için 6px

C.   .img-Circle: Border-Radius ekleyerek tüm görüntüyü yuvarlar:% 50

D.   .IMG YAŞI: Border-Recat ekler: Görüntüye tepki vermesi için 6px

E.   .img-Circle: Border Tounded ekleyerek tüm görüntü yarıçapını yapar

51:

> Ek eklentisi aşağıdaki sınıflar arasında geçiş yapıyor mu? (geçerli olan her şeyi seçin)

A.   .takmak

B.   ek-alt

C.   .Affix-top

D.   Yukarıdakilerin hiçbiri

52:

> Gizle örneği yöntemi olarak adlandırıldığında aşağıdaki olay hemen ateşlenir?

A.   $ ('#PopOverExample').

B.   $ ('#popoverExample').

C.   $ ('#PopOverExample').

D.   $ ('#PopOverExample').

53:

> .pajinasyonun farklı boyutlu öğelerini elde etmek için aşağıdaki bootstrap stillerinden hangisi kullanılabilir?

A.   .lg, .sm

B.   .Paination-lg, .Paination-sm

C.   .Menu-lg, .Menu-sm

D.   Yukarıdakilerin hiçbiri.

54:

> Hangi bootstrap stili bir dizi düğmeyi yatay olarak yerine dikey olarak istiflenmiş hale getirir?

A.   .Btn-Grup

B.   .btn-toolbar

C.   .btn-group-lg

D.   .Btn-Grup-dikey

55:

> Daha az?

A.   @body-bg

B.   @text-color

C.   @ana renk

D.   @bağlantı rengi

56:

> Aşağıdakilerden hangisi varsayılan ortam nesnesinde doğru görüntüdür?

A.   32x32

B.   64x64

C.   128x128

D.   Bunlardan hiçbiri

57:

> Aşağıdaki komutlardan hangisi modal pencereyi görüntülemek için geçerlidir?

A.   $ ('#Welcome-Message'). Modal ('ekran');

B.   $ ('#Welcome-Message'). Modal ('show');

C.   $ ('#Welcome-Message'). Modal ('açık');

D.   $ ('#Welcome-Message'). Modal ('render');

58:

>

A.   Tablo sınıfı = & quot; tablo yoğunlaştırılmış kenarlık satır-hover "> </trole>

B.   <tablo class = & quot; tablo yoğunlaştırılmış sınırlı gelişim "> </trole>

C.   <tablo sınıfı = & quot; tablo tablosundan oluşan tablo sınırlı satır-hover "> </trole>

D.   <tablo sınıfı = & quot; tablo tablosundan kaynaklanan tablo sınırlı tablo-kanat & quot;> </sole>

59:

> Aşağıdaki renklerden hangisi ilerleme çubuğu için varsayılan renktir?

A.   #286090

B.   #cc2929

C.   #167ac6

D.   Yukarıdakilerin hiçbiri.

60:

> Bu yazı tipi-icon kütüphanelerinden hangisi Bootstrap 3'e dahil edilir?

A.   Fontello

B.   Bayar gibi

C.   Glifikler

D.   İcomoon

61:

> Bootstrap kullanarak metnin sol ve sağ taraflarını nasıl yıkarsınız?

A.   .text-haklı

B.   .text-nowrap

C.   .Text-Flush

D.   .text-align-sol-right

62:

> CSS ve Bootstrap'ta medya sorgularının kullanımı nedir?

A.   Tarayıcı görünümünün boyutunu belirtmek için

B.   Sayfaya hangi medya dosyalarının yüklenebileceğini belirtmek için

C.   İçeriği görüntüleme boyutuna göre taşımak, göstermek ve gizlemek

D.   Yukarıdakilerin hiçbiri

63:

> Bootstrap'a resmi olarak hangi simge paketi dahil edilir?

A.   Flatikon

B.   Plusikonlar

C.   Yazı tipi

D.   Glifikler

64:

> Form girişlerini tek sıra halinde birbiri ardına görüntülemek için hangi CSS sınıfına ihtiyaç vardır?

A.   ViewPort 768 pikselden daha küçükse `` form-inline-mobile ''

B.   ViewPort en az 768px genişliğindeyse `` form-intline ''

C.   ViewPort en az 768px genişliğindeyse

D.   ViewPort en az 768 pikselliyse

E.   ViewPort en az 768 pikselliyse

F.   Bootstrap önce mobil ve mobil formda öğeler sütunlarda görüntülenmesinden dolayı yapılamıyor

65:

> Bootstrap oluşturmak için hangi önişlemci kullanılır?

A.   AZ

B.   Şımarık

C.   TCSS

D.   Twittercss

66:

> 500x800 çözünürlüğe sahip görünüm portu, özel bootstrap yapımını kullanan sitenin manzarasına dönecekse ne olacak?

A.   Sınıfı olan öğeler.

B.   Sonuç daha az yapılandırmaya bağlıdır

C.   `` .visible-md-*``

D.   Sınıfı olan öğeler.

67:

> Varsayılan değerleri geçersiz kılmak için klasik CSS'de kullanılabilir iskele değişkenleri kullanılabilir?

A.   Body-BG, Gri-Dark, Marka Primer, Bağlantı-Salgın-Renk, Bağlantı Hover-Decoration

B.   Klasik bir CSS dosyasında daha az değişkenleri geçersiz kılmak mümkün değildir.

C.   Body-BG, metin rengi, bağlantı rengi, bağlantı-hover-dekorasyon, link-hover-color

D.   Gri-Dark ve Marka Primer

68:

> Bazı div öğesine sadece SR sınıfı eklenirse ne olur?

A.   Div sadece küçük çözünürlüklü cihazlar için görünür olacak

B.   Div sadece ekran okuyucuları için görünür olacak

C.   Div sadece sağ tarafa kayar

D.   Div sadece ekranın sağ tarafında kalacak

69:

yok. Bootstrap henüz Flexbox'ı desteklemiyor.- Bootstrap V4 yapacak.

A.   Hiçbiri. Bootstrap henüz Flexbox'ı desteklemiyor.- Bootstrap V4 yapacak.

B.   Yalnızca `row-flex 've` sütun-flex'

C.   Herhangi

D.   <L> <li> Hangi Flexbox Model CSS seçenekleri Bootstrap ile birlikte kullanılabilir? </li> </l>

70:

> Div?

A.   ul sınıfı = & quot; nav & quot; id = & quot; top_navigation & quot;> <li id ​​= & quot; Bölüm-1 & quot; Bölüm 1 </li> <li id ​​= & quot; Bölüm 2 </li> </ul> ve içerikler sarılmalıdır. Böyle bir div ile: <div data-menu = & quot; top_navigation & quot;> <div id = & quot; kısım-1 & quot;> quot;> div id = & quot; parça-2 "> içeriği >

B.   Scroll Spy kullanılabilir, bu da JS eklentisi

C.   Bunu gerçekleştirmek için 3. taraf lib'e ihtiyacınız olacak. Örneğin. JQuery veya Reactjs

D.   Sadece navigasyon ekleyin. `data-rel = & quot; navigasyon" `` özniteliği ve aynı div ve data-rel-bağ = & quot; navigasyon "` `` `

71:

> Son kullanıcılar için Metni A ve Metin B arasındaki görsel fark nedir?

A.   `Del` etiket metni silinmiş metin gibi görünüyor ve` s` tag ile strikethrough metin yapmak için kullanılır

B.   Görsel fark yok

C.   Mac'te safari kullanıcıları için küçük bir fark varken, diğerleri için fark yok

D.   `Del` ve` s` farklı şeyleri temsil eder ve `del 'metni de kırmızı,` s` metni sadece vurulur

72:

> Mobil cihazlar için daha iyi kullanıcı arayüzü yapmak için daha az seçenek olarak hangi medya sorguları kesme noktaları mevcuttur? (geçerli olan her şeyi seçin)

A.   genişlik

B.   Medya-query-Mobile

C.   Screen-Xs

D.   ekran telefonu

E.   küçük

F.   Bunlardan hiçbiri

73:

> Aşağıdakilerden hangisi .offset* sınıfı hakkında doğru açıklama?

A.   Sütun kapalı ve yer kaydet.

B.   Sütun kapalıdır ve yer kaydetmez.

C.   Sütundaki sağ marjı artırır.

D.   Sütundaki sol kenar boşluğunu arttırıyor.

74:

> Yazı tipi ağırlığını üst öğeden daha kalın hale getirme seçenekleri nelerdir?

A.   `` Cesur '' sınıfını ekleyin

B.   Html `kalın 'etiketi kullanın

C.   HTML `Strong` etiketi kullanın

D.   Html `b` tag kullanın

E.   `` Güçlü '' sınıfını ekleyin

F.   Bunlardan hiçbiri

75:

> Navigasyon oluşturmak için hangi kod kullanılır?

A.   <span id = "Docs-internal-guid-071e52ce-7fff-d482-badd-97eab6dc5fde"> <span style = "yazı tipi-doğu-doğu-asi: normal; yazı tipi-variant-doğu-asyalı: normal; dikey-hizalama: taban çizgisi ; "> <ul class =" nav nav-pills "> ... </ul> </span> </span>

B.   <Ul Class = "açılır menüs"> <span id = "Docs-internal-guid-8be069Af-7fff-9809-70f4-a1d9afdb984e"> <span style = "yazı tipi boyutu: 12pt; yazı tipi-aile -serif; arka plan rengi: şeffaf; yazı tipi-variant-sayısal: normal; yazı tipi-variant-doğu-asyalı: normal; dikey-hizalama: taban çizgisi; beyaz boşluk: pre-wrap; "> <ul class =" açılır-- Menüler "> ... </ul> </span> </span> </ul>

C.   <Ul Class = "Navigation"> <span id = "Docs-internal-guid-14EBFA5b-7fff-f6c3-74b4-c9f489aa211c"> <span style = "yazı tipi boyutu: 12pt; font-family: kalibri, sans-serif ; Arka plan-rengi: şeffaf; yazı tipi-variant-sayısal: normal; yazı tipi-variant-doğu-asyalı: normal; dikey-hizalama: taban çizgisi; beyaz uzay: pre-wrap; "> <ul class =" navigasyon ">. .. </ul> </span> </span> </ul>

D.   <ul class = "nav nav-dropdowns"> <span id = "Docs-internal-guid-77181952-7fff-05cf-0e4a-8ba5c67692fe"> <span style = "font-boyut: 12pt; font-familya: kalibri, sans-serif; arka plan rengi: şeffaf; yazı tipi-variariant-sumeric: normal; yazı tipi-variant-doğu-asya: normal; dikey-hizalama: taban çizgisi; beyaz alan: pre-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 = "yazı tipi boyutu: 12pt; font-family: kalibri, sans-serif; arka plan rengi: şeffaf; yazı tipi-varyant-sayısal: normal; yazı tipi-variant-doğu-asyalı: normal; dikey-hizalama: taban çizgisi; beyaz alan: ön wrap; "> <ul class =" nav Nav-Sabs-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-oğul: 12pt; font- Aile: Calibri, Sans-Serif; Arka Plan Reneti: Şeffaf; Yazı Tipi-Variariant-Sumeric: Normal; Font-Variany-Doğu-Asya: Normal; Dikey-High: Taban Geri: Beyaz Uzay: Pre-Wrap; "> <UL class = "menü"> </ul> </span> </span> </ul>

G.   <ul class = "menü"> </ul>

76:

> İşaretli metin yapmak için ne kullanılması gereken?

A.   Bazı html etiketlerine `` mark` sınıfı ekleyin

B.   <span id = "Docs-internal-guid-185a0d26-7fff-579e-4f6b-c675b91cfbd3"> <span style = "yazı tipi-variant-variant-assian: normal; dikey-align: temel çizgiler ; "> <bark> html etiketi </span> </span> ile

C.   Bazı HTML etiketine `` işaretli '' sınıfı ekleyin

D.   Bazı HTML etiketine `` Is işaretli '' sınıfı ekleyin

E.   Bazı HTML etiketine `` işaretli metin '' sınıfı ekleyin

77:

> Aşağıdaki bootstrap stillerinden hangisi ekstra görsel ağırlık sağlar ve bir düğme kümesindeki birincil eylemi tanımlar?

A.   .Btn

B.   .Btn-Primary

C.   .Btn-Sucess

D.   .Btn-info

78:

> Aşağıdakilerden hangisi mobil ilk bootstrap stratejisinin bir parçasıdır?

A.   İçerik: En önemli olanı belirleyin.

B.   Düzen: Önce daha küçük genişliklere göre tasarlayın. Temel CSS adresi mobil cihazı önce; Medya sorguları tablet, masaüstü bilgisayarlar için adresi.

C.   Aşamalı geliştirme: Ekran boyutu arttıkça öğeler ekleyin.

D.   Yukarıdakilerin hepsi.

79:

> Yığılmış bir ilerleme çubuğu oluşturmak için aşağıdaki bootstrap stillerinden hangisi kullanılabilir?

A.   .

B.   .ilerlemek

C.   .

D.   Yukarıdakilerin hiçbiri.

80:

> Bootstrap kuyuları hakkında aşağıdakilerden hangisi doğrudur?

A.   Bir kuyu, <Div> 'deki içeriğin sayfada batık görünmesine veya içsel bir efekt gibi görünmesine neden olan bir kaptır.

B.   Bir kuyu oluşturmak için, iyi görünmek istediğiniz içeriği .well sınıfını içeren bir <Div> ile sarmanız yeterlidir.

C.   Her ikisi de yukarıdakiler.

D.   Yukarıdakilerin hiçbiri.

81:

> Doğru oluşturma ve dokunma zooming için bir HTML belgesinin kafasına aşağıdakilerden hangisi dahil edilmelidir?

A.   Meta Name = & quot; Viewports & quot; Content = & quot; width = cihaz genişliği, başlangıç ​​ölçeği = 1 & quot;>>

B.   <Meta Name = & quot; ViewPort & quot; Content = & quot; width = cihaz genişliği, başlangıç ​​ölçeği = 1 & quot;>

C.   <meta name = & quot; viewsport & quot; Content = & quot; width = cihaz genişliği, başlangıç ​​ölçeği = 1 & quot;>>

D.   Yukarıdakilerin hiçbiri

82:

> Duyarlı bir görüntü oluşturmak mümkün mü?

A.   Evet, yardımcı sınıfı kullanarak: 'Duyarlı'

B.   Evet, sınıfı kullanarak: `IMG'ye duyarlı '

C.   Evet, `` IMG'ye duyarlı '' sınıfını kullanmak, ancak JavaScript eklentilerinin etkinleştirilmesi gerekir

D.   Evet, `` img-rowned '' sınıfını kullanmak, böylece genişliği en yakın tamsayı genişliğine göre yuvarlanacaktır.

E.   Evet, `` img-fluid '' sınıfını kullanarak

F.   Evet, `` imaja duyarlı '' sınıfını kullanarak

G.   Bunlardan hiçbiri

83:

> Aşağıdakilerden hangisi doğru değildir?

A.   "Lider" ekleyerek; Bir p öğesine sınıf, metni göze çarpıyor.

B.   "Text-sol" eklemek; Bir p öğesine sınıf, metni sola doğru hizalamasını sağlar.

C.   "Text-Justify" ekleyerek; P öğesine sınıf, metni haklı kılar.

D.   "Text Capitalize" ekleyerek; Bir p öğesine sınıf, metnin aktifleştirilmesini sağlar.

84:

> Bootstrap medya sorgusu hakkında aşağıdakilerden hangisi doğru?

A.   Medya sorgusu, "şartlı CSS kuralı" için gerçekten süslü bir terimdir.

B.   Belirli koşullara dayanarak sadece bazı CSS uygular. Bu koşullar karşılanırsa, stil uygulanır.

C.   Her ikisi de yukarıdakiler.

D.   Yukarıdakilerin hiçbiri.

85:

> Sıralı yapmak için Form etiketi için aşağıdaki sınıftan hangisine eklenmesi gerekir?

A.   .Çizgide

B.   .form-inline

C.   .yatay

D.   Yukarıdakilerin hiçbiri.

86:

> Hangi sınıf, gelişim rengini bir tablonun belirli bir satırına veya hücresine uygular?

A.   .aktif

B.   .başarı

C.   .uyarı

D.   .tehlike

87:

> Duyarlı bir tablo oluşturmak için aşağıdaki sınıftan hangisi kullanılabilir?

A.   .table yanıt veren

B.   . yanıt veren

C.   .aktif

D.   .masa

88:

> Bootstrap ızgara sistemi hakkında aşağıdakilerden hangisi doğru?

A.   Doğru hizalama ve dolgu için satırlar bir .container sınıfına yerleştirilmelidir.

B.   Yatay sütun grupları oluşturmak için satırları kullanın.

C.   İçerik sütunlara yerleştirilmeli ve yalnızca sütunlar sıraların acil çocukları olabilir.

D.   Yukarıdakilerin hepsi.

89:

> Modal eklentinin veri arkası veri özniteliği hakkında aşağıdakilerden hangisi doğrudur?

A.   Kullanıcı modalın dışına tıkladığında modalın kapatılmasını istemiyorsanız, bir zemin için statik belirtir.

B.   Kaçış tuşuna basıldığında modal kapatır; devre dışı bırakmak için false olarak ayarlayın. Başlatıldığında modal gösterir.

C.   JQuery .Load yöntemini kullanarak içeriği modal gövdeye enjekte eder. Geçerli bir URL'li bir HREF ise

D.   Ek olarak, bu içeriği yükleyecektir.

90:

> Bootstrap ile sekmeli bir içerik nasıl yapıldı?

A.   <ul> etiketinde .nav ve .tabbed sınıflarını kullanma

B.   <ul> etiketinde .nav ve .tabs sınıflarını kullanma

C.   <ul> etiketinde .navigation ve .tabs sınıflarını kullanma

D.   <ul> etiket

91:

> iç içe listeler için bir liste stilini nasıl kaldırırsınız?

A.   Ana öğeye .List-somatlı sınıf ekleyerek

B.   Tüm Liste öğelerine .List-instyled sınıfı ekleyerek

C.   Liste listesi <telemled> etiketi ile sararak

D.   Tag <ul> ile liste listesi

92:

> sadece bootstrap'ın sınıfları kullanılarak nasıl yapılan büyük harfli bir metin?

A.   Bazı metin öğelerine .uppercase sınıfı ekleyin

B.   Bu mümkün değil

C.   Bazı metin öğelerine .Text-Uppercase sınıfı ekleyin

D.   Bazı metin öğelerine .all-Uppercase sınıfını ekleyin

E.   Bazı metin öğelerine .t-Uppercase sınıfı ekleyin

93:

> Aşağıdaki olay, bir sekme gösterildikten sonra sekme gösterisinde yanar. Etkin sekmeyi ve önceki etkin sekmeyi hedeflemek için event.target ve event.relatedarget kullanın?

A.   $ ('a [data- geçiş = & quot; sekme & quot;]').

B.   $ ('a [data- geçiş = & quot; sekme & quot;]').

C.   $ ('a [data- geçiş = & quot; sekme & quot;]').

D.   $ ('a [veri-geçiş = "sekme" sekme ").

94:

> Bootstrap Grid'in kaç sütuna sahip?

A.   8

B.   10

C.   12

D.   14

95:

> Bootstrap ızgara sistemi kaç sütuna dayanır?

A.   3

B.   12

C.   6

D.   9

96:

> Twitter bootstrap kullanırken varsayılan satır yüksekliği nedir?

A.   1

B.   1.428

C.   1.5

D.   2

E.   2.428

97:

> Bootstrap eklentileri ayrı ayrı dahil edilebilir mi?

A.   Evet

B.   HAYIR

C.   Evet, ama sadece sekme ve araç ipucu

D.   Hayır, modal hariç

98:

> Araç ipucu kullanıcıdan gizlenmeyi bitirdiğinde aşağıdaki olay ateşlenir (CSS geçişlerinin tamamlanmasını bekleyecektir) :

A.   $ ('#ToolTipexample').

B.   $ ('#ToolTipexample').

C.   $ ('#ToolTipexample').

D.   $ ('#ToolTipexample').

E.   $ ('#ToolTipexample').

99:

> Aşağıdakilerden hangisi Veri-HTML Veri Özelliği hakkında doğrudur.

A.   CSS solma geçişini araç ipucuna uygular.

B.   HTML'yi araç ipucuna ekler. Yanlışsa, JQuery'nin metin yöntemi DOM'a içerik eklemek için kullanılır.

C.   Araç ipucunun nasıl konumlandırılacağını belirtir (yani, üst | alt | sol | sağ | otomatik).

D.   Belirtilen hedeflere delege.

100:

> Bootstrap ızgarası nasıl çalışır?

A.   FlexBox ile yapılır, sadece `` flex = & quot; 1 & quot; `ve` `hizalama ="

B.   Bootstrap, ızgara yapmak için özel sınıflar sağlar. Satırlar için `` satır 've sütunlar için `span1, span2, span3 vb.'.

C.   Bootstrap, ızgara yapmak için özel sınıflar sağlar. Sıralar için `` satır '' ve sütunlar için `col-md-3, col-lg-12 vb.

D.   Bootstrap, ızgara yapmak için özel sınıflar sağlar. Sıralar için `` satır '' ve sütunlar için `col-mobile-3, col-tablet-12 vb. '.