Bootstrap-Fragen in deutschen Sprachen

Bootstrap-Fragen in deutschen Sprachen

Diese Bootstrap-Multiple-Choice-Fragen und -Antworten helfen Ihnen, Ihr Bootstrap-Wissen zu erweitern. Sie können diese MCQs nach Gehör verwenden, um sich auf Ihre nächste Prüfung oder Ihr nächstes Vorstellungsgespräch vorzubereiten.
Scrollen Sie nach unten, um mit der Antwort zu beginnen.

1:

Mit welcher Bootstrap-Klasse wird reagierende Tabellen erstellt?

A.   Tischreaktion

B.   Tischstiefelstrap

C.   Responsive-Table

D.   Bootstrap-Table

2:

Welche der folgenden Tastenklassen existieren nicht? (Überprüfen Sie alle, die gelten)

A.   .BTN-Default

B.   .BTN-Primary

C.   .BTN-Sekundär

D.   .BTN-Warning

E.   .BTN-ERROR

3:

Mit welcher Klasse wird eine Knopfgruppe erstellt?

A.   .BTN-Gruppe

B.   . Button-Gruppen

C.   . Gruppen-Button

D.   .GROUP-BTN

4:

Welche der folgenden Aussagen ist keine Kontextklasse?

A.   .aktiv

B.   .Gefahr

C.   .Erfolg

D.   .Versagen

5:

Welche Klasse fügt Zebra-Streifen zu einer Tabelle hinzu?

A.   .Table-Zebra

B.   .Table-Bordered

C.   .geraden und ungeraden

D.   .Table-Striped

6:

Welche dieser Listentypen existieren in Bootstrap? (Überprüfen Sie alle, die gelten)

A.   .List-ausgerichtet

B.   .Listbefängerte

C.   .LIST-INLINE

D.   .List-Block

7:

Mit welcher der folgenden Klasse kann ein Breadcrumb?

erstellt werden

A.   .Speisekarte

B.   .navbar

C.   .Artikel

D.   . Breadcrumb

8:

Mit welchem ​​Tag kann der Text verwendet werden?

A.   Tag>

B.   <spann>

C.   <Hover>

D.   <Mark>

9:

Welche der folgenden Klassen reagieren die Tabelle an?

A.   .Table-Scrollierbar

B.   .Tisch kondensiert

C.   .

D.   .Table-Striped

10:

Was ist nur Sr-Nur-SR-Quot; Klasse benötigt für in Bootstrap?

A.   Die Klasse wird verwendet, um nur Servicegeln zu verbergen

B.   Die Klasse wird verwendet, um nur Serviceregeln zu zeigen

C.   Die Klasse wird verwendet, um Informationen nur für Bildschirmleser aus dem Layout der gerenderten Seite anzuzeigen.

D.   Die Klasse wird verwendet, um Informationen zu verbergen, die nur für Bildschirmleser aus dem Layout der gerenderten Seite bestimmt sind

11:

Welche der folgenden Aussagen ist die richtige Art, die Paginierung mit Bootstrap zu machen?

A.   Nav Aria-label = & quot; Page Navigation & quot;> <ul class = & quot; Pagination & quot; ;#& quot;> 2 </a> </li> <li> <a href="#"> 3 </a> </li> <li> <a href="#"> 4 </a> </li> <li> <a href="#"> 5 </a> </li> </ul> </nav>

B.   Nav Aria-label = & quot; Page Navigation & quot;> <ul class = & quot; Pagination & quot; ;#& quot;> 2 </a> </p> <p> <a href="#"> 3 </a> </p> <p> <a href="#"> 4 </a> </p> <p> <a href="#"> 5 </a> </p> </ul> </nav>

C.   Nav Aria-label = & quot; Seite Navigation & quot;> <ul class = & quot; Pagination & quot; ;#& quot;> 2 </a> </i> <i> <a href="#"> 3 </a> </i> <i> <a href="#"> 4 </a> </i> <i> <a href="#"> 5 </a> </i> </ul> </nav>

D.   Nichts des oben Genannten

12:

Mit welchen der folgenden Klassen wird ein Absatz ausgezeichnet?

A.   S-Out

B.   groß

C.   führen

D.   Erste

13:

Wie kann man Abzeichen in die Taste hinzufügen?

A.   Button Class = & quot;

B.   <Button class = & quot;

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

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

14:

Wie wickeln Sie Formularsatz von Etikett und Eingabe ein?

A.   .Form

B.   .Gruppe formen

C.   .From-Element

D.   .Form-Item

15:

Mit welcher Schaltflächenklasse wird eine große Taste erstellt?

A.   .BTN-LG

B.   .BTN-Large

C.   .BTN-L

D.   .BTN-XL

16:

Mit welcher Klasse kann eine Inline-Liste erstellt werden?

A.   .List-in-line

B.   .List-by line

C.   .Liste line

D.   .LIST-INLINE

A.   Div class = & quot; Warnwarnung & quot;> Warnung! <a href="#"> Dokumentation lesen. </a> </div>

B.   <div class = & quot; Warnwarnwarning Alert-Highlight-Links & quot;> Warnung! <a href="#"> Dokumentation lesen. </a> </div>

C.   <div class = & quot; Warnwarning & quot;> Warnung! <a href = & quot;#& quot; class = & quot; alert-link & quot;> Dokumentation lesen. </a> </div>

D.   <div class = & quot; Warnwarning & quot;> Warnung! <a href = & quot;#& quot; class = & quot; Warn-Warn-Link & quot;> Dokumentation lesen. </a> </div>

18:

Was ist der richtige Weg, um einen Seitenheader mit Subtext im Inneren zu erstellen?

A.   H1 class = & quot; Page-Header & quot;> Ruby on Rails <KlINK> von Matz </small> </h1>

B.   <H1 class = & quot; Page-Header & quot;> Ruby on Rails <Small Class = & quot; Header-Subtext & quot;> Von Matz </small> </h1>

C.   <div class = & quot; Page-Header & quot;

D.   <div class = & quot; Page-Header & quot;

19:

Was ist der richtige Weg, um das Kontrollkästchen mit der Verwendung von Bootstrap zu erstellen?

A.   Label class = & quot; CheckBox & quot;> <Eingabe type = & quot; Kontrollkästchen & quot; value = & quot;

B.   <div class = & quot; CheckBox & quot;> <Label> <Eingabe type = & quot; CheckBox & quot; Value = & quot;

C.   <div class = & quot; Kontrollkästchen & quot;> <Eingabe type = & quot; CheckBox & quot; value = & quot;

D.   <div class = & quot; CheckBox & quot;> <label> Begriffe Akzeptieren </Label> <Eingabe type = & quot; CheckBox & quot; value = & quot; überprüft & quot;> </div>

20:

Was wird die Farbe der Taste mit BTN-Primary-Klasse sein?

A.   Blau

B.   Rot

C.   Weiß

D.   Schwarz

21:

Welche der folgenden Bildhelfer existieren nicht?

A.   .Ich bin geerdet

B.   .img-circle

C.   .Img-belastet

D.   .img-Dambnail

22:

Mit welchen der folgenden Bootstrap-Klassen können Registerkarten erstellt werden?

A.   .Navigation .Navigation-tabs

B.   .nav .nav-tabs

C.   .nav-tabs-Navigation .nav-tabs-Kinder

D.   Nichts des oben Genannten

23:

Mit welcher Klasse wird ein großes Box zum Erstellen von zusätzlicher Aufmerksamkeit erstellt?

A.   .Große Schachtel

B.   .Jumbotron

C.   .Container

D.   .Aufmerksamkeit

24:

Welche Klasse kann für das Seiten-Header-Element verwendet werden?

A.   .Seitentitel

B.   .Kopfzeile

C.   .Header

D.   Nichts des oben Genannten

25:

Warum normalisieren.css wird im Bootstrap-Framework verwendet?

A.   So optimieren Sie die Größe von Bootstrap -Quelldateien

B.   Verbesserung des Cross-Browser-Renders

C.   So importieren Sie Google -Schriftarten direkt in Bootstrap CSS

D.   Nichts des oben Genannten

26:

Welche Klasse formt ein Bild zu einem Kreis?

A.   .img-Dambnail

B.   .Img-Runde

C.   .img-circle

D.   .Ich bin geerdet

27:

So erstellen Sie Blockpegel-Taste, die die gesamte Breite seines übergeordneten Elements überspannen?

A.   .BTN-Wide

B.   .Btn-voll

C.   .BTN-Container

D.   .BTN-Block

28:

Mit welchen der folgenden CSS-Codes kann Sternchen in den erforderlichen Feldern in einem Formular hinzugefügt werden? < /p>

A.   .Form-Group. Farbe Rot; }

B.   .Form-Gruppen: Erforderlich {Inhalt: & quot;*& quot ;; Farbe Rot; }

C.   .Form-Gruppen: Nach {Inhalt: & quot;*& quot ;; Farbe Rot; }

D.   Nichts des oben Genannten

29:

Welche der folgenden Klassen lässt die Tabelle wie" Zebra "?

aussehen lassen

A.   .Table-Break

B.   .Table-Zebra

C.   .Table-Strap

D.   .Table-Striped

30:

Welche der folgenden Meta-Tags ist wichtig, um sicherzustellen

A.   meta content = & quot; text & quot;>

B.   <meta name = & quot; ViewPort & quot; content = & quot; width = Gerätebreite, Initial-Scale = 1 & quot;>

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

D.   <meta http-äquiv = & quot; Aktualisieren Sie & quot; content = & quot; 30 & quot;>

31:

Mit welchen der folgenden Tags wird Tastaturkombinationen angezeigt?

A.   Abschnitt>

B.   <Code>

C.   <Keyboard>

D.   <kbd>

32:

Welche Klasse bietet einen Container in voller Breite, der die gesamte Breite des Ansichtsfensters überspannt?

A.   .Container-Fluid

B.   .Container-fixiert

C.   .Container-Fullwidth

D.   .Container

33:

Welche Klasse bietet einen reaktionsschnellen Behälter mit fester Breite?

A.   .Container-fixiert

B.   .Container-Fluid

C.   .Container

D.   .Container-Fullwidth

34:

Wie können Sie eine rote Taste haben?

A.   Button Typ = & quot; Schaltfläche & quot; class = & quot; btn Btn-Default & quot;> Standard </button>

B.   <Schaltfläche Typ = & quot; Button & quot; class = & quot; btn btn-default-rot & quot;> Standard als rot </button>

C.   <Schaltfläche Typ = & quot; Button & quot; class = & quot; btn & quot; color = & quot; rot & quot;> rot </button>

D.   <Schaltfläche Typ = & quot; Button & quot; class = & quot; btn btn-rot & quot;> rot </button>

E.   <Schaltfläche Typ = & quot; Button & quot; class = & quot; btn btn-danger & quot;> danger </button>

F.   <Schaltfläche Typ = & quot; Button & quot; class = & quot; btn btn-alert & quot;> danger </button>

35:

Ist es möglich, das Zoomen auf mobilen Geräten bei der Verwendung von Bootstrap zu deaktivieren?

A.   Nein, Bootstrap ist mobil und mobile Websites müssen in der Lage sein, sich ein- oder auszuzoomen

B.   Ja, aber Sie müssen JS aktiviert haben und `Data-zoom = & quot; off & quot;` on body Tag hinzufügen

C.   Zoom wird nur deaktiviert, wenn `width = Gerätebreite in Meta-Tag mit` name = & quot; Ansichtsfenster & quot; `ist

D.   Zoom wird nur deaktiviert, wenn `initial scale = 1, maximal scale = 1` im Meta-Tag mit` name = & quot; Ansichtsfenster & quot; ` ist

36:

Sie können Karussellkontrollen mit dem folgenden Code-Snippet aktivieren?

A.   $ (".Item & quot;). click (function () {$ ("#idcarousel & quot;). Carousel (0);});

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

C.   $ (".Item & quot;). click (function () {$ ("#idcarousel & quot;). Carousel (1);});

D.   $ (".Left & quot;). click (function () {$ ("#idcarousel & quot;). Carousel ("prev & quot;);});

37:

Was ist Jumbotron?

A.   In Bootstrap existiert so etwas nicht, es ist ein Wort, mit dem große TV -Sets beschrieben werden können

B.   Es ist Element, Schlüsselinhalte zu präsentieren

C.   Es ist Containerelement, um das Gitterlayout zu halten

D.   Es handelt sich um Containerelemente, um Bilder im Vollbildmodus zu halten

38:

Bootstrap bietet Ihnen folgende Arten von Formularlayouts: (Wählen Sie alles, was angewendet wird)

A.   Horizontale Form

B.   Inline -Form

C.   Umrissform

D.   Vertikaler (Standard) Formular

39:

Responsive Dienstprogramme sind derzeit nur für Block- und Tabellenumschaltungen in den folgenden Klassen verfügbar:

A.   .vissible-sm-Block: Kleine Geräte (mehr als 767px und weniger als 992px in Breite) sichtbar

B.   .vissible-md-Block: Medium-Geräte (bis zu 768px in Breite) sichtbar

C.   .vissible-md-Block: Medium-Geräte (768px bis 980px in Breite) sichtbar

D.   .vissible-lg: Größere Geräte (992px und höher in Breite) sichtbar

40:

Welche Browser werden unterstützt?

A.   Alle Browser werden unterstützt.

B.   Alle Versionen von Chrome, Firefox, Opera, IE und Safari.

C.   Chrome, Safari, Firefox, das automatisch aktualisiert wird, werden vollständig unterstützt und dh 8 und 9 werden teilweise unterstützt.

D.   Chrome, Safari, Firefox, das automatisch aktualisiert wird, werden vollständig unterstützt und dh 8 und 9 werden nur mit alten IE -Kompatibilitätsmodi unterstützt.

41:

Welcher Code erstellt Bootstrap-Taste?

A.   Button Typ = & quot; Schaltfläche & quot; class = & quot; Schaltfläche Erfolg & quot;> Button </button>

B.   <Schaltfläche Typ = & quot; Button & quot; class = & quot; btn btn-success & quot;> button </button>

C.   <btn class = & quot; Erfolg & quot;> Button </btn>

D.   <Schaltfläche Typ = & quot; Button & quot; class = & quot; btn-flat & quot;> button </button>

42:

In Bootstrap ermöglichen es Ihnen, ein Element zu kollabieren, ohne externe __?

zu verwenden

A.   WENIGER

B.   CSS

C.   JavaScript

D.   Modal

43:

Was ist an Symbolen in Bootstrap wahr?

A.   Bootstrap liefert keine Symbole aus der Schachtel, aber es ist möglich, Materialdesign, fantastische oder andere Symbole zusammen mit Bootstrap zu verwenden.

B.   Wenn nach dem Text von Div das Symbol benötigt wird, kann das Symbol einfach wie folgt hinzugefügt werden: `<div class = & quot; Glyphicon-Glyphicon-Suche & quot;> such </div>`

C.   Icon -Klassen können direkt mit allen anderen Elementen kombiniert werden.

D.   Icon -Klassen sollten nur mit leeren Elementen verwendet werden

E.   Keine von diesen

44:

Das Bootstrap-Gittersystem hat die folgenden Klassenpräfixe? (Wählen Sie alles an)

A.   col-lg-

B.   col-sm-

C.   col-em-

D.   col-XS-

E.   col-sx-

45:

Welcher Code ist korrekt, um die vorherige aktive Registerkarte des aktiven Registerkartens zu erhalten?

A.   $.

B.   $.

C.   $ ('. nav-tabs a'). on ('zeigten.

D.   $.

46:

Welcher Code ist die richtige Möglichkeit, vorherige aktive Registerkarten zu erhalten?

A.   $.

B.   $.

C.   $ ('. nav-tabs a'). on ('zeigten.

D.   $.

47:

Wie können Sie ein Suchymbol einfügen?

A.   span class = & quot; Glyphicon Glyphicon-Suche & quot;> </span>

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

C.   <span class = & quot; Glyphicon-Suche & quot;> </span>

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

48:

Mit welcher Klasse wird eine schwarze Navigationsleiste erstellt?

A.   .Navbar-Inverse

B.   .Navbar-schwarz

C.   .Navbar-Default

D.   .Navbar-Dark

49:

Was ist Twitter-Bootstrap?

A.   Es handelt sich um CSS -API, um Benutzeroberflächen während des Prototyps zu erstellen

B.   Es handelt sich

C.   Es handelt sich um JS- und ECMascript -Framework

D.   Es ist Teil der Twitter UI API

E.   Es ist eine neue Art, Schnittstellen zu erstellen

50:

Bootstrap bietet die folgenden Klassen, mit denen einige einfache Stile auf Bilder angewendet werden können? (Wählen Sie alles an)

A.   .Img-Dambnail: Fügt ein bisschen Polster und eine graue Rande hinzu

B.   .Img-Rund: Fügt Grenzradius hinzu: 6px, um das Bild abgerundete Ecken zu verleihen

C.   .Img-circle: macht das gesamte Bild rund, indem es Grenzen hinzufügen: 50%

D.   .Img-Rund: Fügt Rand-Recat: 6PX hinzu, um das Bild React Ecken zu verleihen

E.   .Img-circle: macht den gesamten Bildradius durch Hinzufügen von randhöfenen Rundern

51:

Das Affix-Plugin umschalten zwischen den folgenden Klassen? (Wählen Sie alles an)

A.   .Affix

B.   Affix-Bottom

C.   .Affix-top

D.   Nichts des oben Genannten

52:

Das folgende Ereignis wird sofort abgefeuert, wenn die Verbrennungsinstanzmethode genannt wurde?

A.   $ ('#popoverexample'). on ('show.bs.popover', function () {// etwas tun ...})

B.   $ ('#popoverexample'). on ('zeigten.bs.popover', function () {// etwas tun ...})

C.   $ ('#popoverexample'). on ('Hidden.bs.popover', function () {// etwas tun ...})

D.   $ ('#popoverexample'). on ('hide.bs.popover', function () {// etwas tun ...})

53:

Mit welchen der folgenden Bootstrap-Stile kann es verwendet werden, um Elemente mit unterschiedlicher Größe von .pagination zu erhalten?

A.   .lg, .sm

B.   .Pagination-lg, .pagination-sm

C.   .Menu-lg, .menu-sm

D.   Nichts des oben Genannten.

54:

Welcher Bootstrap-Stil lässt eine Reihe von Tasten eher vertikal gestapelt als horizontal erscheinen?

A.   .BTN-Gruppe

B.   .BTN-Toolbar

C.   .BTN-Group-lg

D.   .BTN-Gruppen-vertikal

55:

Welche der folgenden Variablen ist nicht verfügbar, um die Standard-Gerüsteinstellungen mit weniger?

A.   @Body-Bg

B.   @Textfarbe

C.   @Grundfarbe

D.   @Verknüpfungsfarbe

56:

Welche der folgenden Aussagen ist die richtige Bildgröße im Standardmedienobjekt?

A.   32x32

B.   64x64

C.   128x128

D.   Keine von diesen

57:

Welche der folgenden Befehle gilt für das Modalfenster?

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

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

C.   $ ('#Welcome-Message'). Modal ('Open');

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

58:

Wie erstellen Sie eine kondensierte Tabelle, die Grenzen und Schwebeffekte auf Reihen hat?

A.   Tabelle class = & quot; Tabelle Condensed Border Row-Hover & quot;> </table>

B.   <table class = & quot; Tabelle Condensed Bordered Hover & quot;> </table>

C.   <Tabelle class = & quot; tabella

D.   <Tabelle class = & quot; tabella

59:

Welche der folgenden Farben ist die Standardfarbe für Fortschrittsbalken?

A.   #286090

B.   #CC2929

C.   #167AC6

D.   Nichts des oben Genannten.

60:

Welcher dieser Schriftartenbibliotheken ist in Bootstrap 3?

enthalten.

A.   Fontello

B.   FontaWesome

C.   Glyphicons

D.   IComoon

A.   .Text- Rechtifizierung

B.   .Text-nowrap

C.   .Text-Flush

D.   .Text-Align-Links-Rechts

62:

Wie nutzen Medienabfragen in CSS und in Bootstrap?

A.   Um die Größe der Browseransicht anzugeben

B.   Um anzugeben, welche Mediendateien auf der Seite geladen werden können

C.   Inhalte basierend auf der Ansichtsfenstergröße zu bewegen, zu zeigen und zu verbergen

D.   Nichts des oben Genannten

63:

Welches Icon-Paket ist offiziell in Bootstrap enthalten?

A.   Flatikon

B.   Plusicons

C.   Schriftart

D.   Glyphicons

64:

Welche CSS-Klasse wird benötigt, um Formulareingänge nach der anderen in einzelnen Zeile anzuzeigen?

A.   `Form-Inline-mobile` Wenn Ansichtsfenster kleiner als 768px in Breite ist

B.   `Form-Inline` Wenn das Ansichtsfenster mindestens 768px breit ist

C.   `Form-Inline-Desktop` Wenn das Ansichtsfenster mindestens 768px breit ist

D.   `Form-as-Row` Wenn das Ansichtsfenster mindestens 768px breit ist

E.   `Form-in-Reis" Wenn das Ansichtsfenster mindestens 768px breit ist

F.   Kann nicht durchgeführt werden, da Bootstrap zuerst mobil ist und auf mobilen Formularelementen in Spalten angezeigt werden

65:

Mit welchem ​​Präprozessor wird zum Erstellen von Bootstrap?

verwendet

A.   WENIGER

B.   Sass

C.   TCSS

D.   Twittercss

66:

Was wird passieren, wenn ein Ansichtsfenster mit einer Auflösung von 500 x 800 in die Landschaft des Standorts dreht, die einen benutzerdefinierten Build von Bootstrap verwendet?

A.   Elemente mit Klasse `.vissible-xs-*` werden sich verstecken

B.   Das Ergebnis hängt von weniger Konfiguration ab

C.   Artikel mit Klasse `.vissible-md-*` bleiben versteckt

D.   Artikel mit Klasse `.vissible-lg-*` bleiben verborgen

67:

Welche Gerüstvariablen stehen in klassischen CSS zur Übergabe von Standardwerten zur Verfügung?

A.   Body-BG, Grey-Dark, Marken-Primary, Link-Hover-Color, Link-Hover-Dekoration

B.   Es ist nicht möglich, weniger Variablen in einer klassischen CSS -Datei zu überschreiben.

C.   Body-BG, Textfarbe, Link-Color, Link-Hover-Dekoration, Link-Hover-Color

D.   Grau-Dunkel und Marken-Primary

68:

Was passiert, wenn nur die SR-Klasse zu einem Div-Element hinzugefügt wird?

A.   DIV ist nur für Geräte mit kleinen Auflösung sichtbar

B.   Div ist nur für Bildschirmleser sichtbar

C.   Div gleitet nur nach rechts

D.   DIV bleibt nur auf der rechten Bildschirmseite

69:

Keine. Bootstrap unterstützt Flexbox noch nicht.

A.   Keiner. Bootstrap unterstützt Flexbox noch nicht.- Bootstrap V4 wird es tun.

B.   Nur Klasse `row-flex` und` column-flex`

C.   Beliebig

D.   <ol> <li> Welche CSS -Optionen für das Flexbox -Modell können zusammen mit Bootstrap verwendet werden? </li> </ol>

70:

Was ist erforderlich, um das Menü zu erstellen, das das aktive Menüelement ändert, während der Inhalt von Divs von Divs scrollt?

A.   ul class = & quot; nav & quot; id = & quot; top_navigation & quot;> <li id ​​= & quot; part-1 & quot;> Teil 1 </li> <li id ​​= & quot; Teil-2 & quot;> Teil 2 </li> </ul> und Inhalt muss eingeschlossen werden mit solch div: <div data-menu = & quot; top_navigation & quot;> <div id = & quot; Teil-1 & quot;> Inhalt </div> <div id = & quot; Teil-2 & quot;> Inhalt </div> </div >

B.   Scroll -Spion kann verwendet werden, was JS -Plugin ist

C.   Sie benötigen eine Lib der Drittanbieter, um dies zu erreichen. Z.B. JQuery oder Reactjs

D.   Fügen Sie einfach die Navigation mit z. `Data-rel = & quot; Navigation & quot;` Attribut und gleiches DIV mit `Data-Rel-Bind = & quot; Navigation & quot;`

71:

Was ist der visuelle Unterschied zwischen Text A und text b für Endbenutzer?

A.   Mit `Del` Tag -Text sieht aus wie gelöschter Text und mit` S` Tag wird der STIKETHROUGE -Text erstellt

B.   Kein visueller Unterschied

C.   Es gibt einen geringen Unterschied für Safari -Benutzer auf dem Mac, während kein Unterschied für einen anderen Unterschied

D.   `del` und` s` repräsentieren verschiedene Dinge und `del` text ist ebenfalls rot, während` s` text nur durchstößt wird

72:

Welche Haltepunkte für Medienabfragen sind als weniger Optionen verfügbar, um eine bessere Benutzeroberfläche für mobile Geräte zu erzielen? (Wählen Sie alles an)

A.   Breitenmedium

B.   Medienquery-Mobile

C.   Bildschirm-XS

D.   Bildschirmhörer

E.   klein

F.   Keine von diesen

73:

Welche der folgenden Beschreibung ist die richtige Beschreibung zu .Offset* Klasse?

A.   Es ist aus der Spalte und speichern Sie den Platz.

B.   Es ist aus der Spalte und speichert nicht den Platz.

C.   Es erhöht den rechten Rand in der Spalte.

D.   Es erhöht den linken Rand in der Spalte.

74:

Welche Optionen sind Optionen, um Schriftarten mutiger zu machen als im übergeordneten Element?

A.   Fügen Sie die Klasse `BOLD" hinzu

B.   Verwenden Sie HTML `BOLD` TAG

C.   Verwenden Sie HTML `Strong` Tag

D.   Verwenden Sie HTML `B` Tag

E.   Fügen Sie die Klasse `strong` hinzu

F.   Keine von diesen

75:

Mit welchem ​​Code wird Navigation erstellt?

A.   <span id = "docs-internal-guid-071e52ce-7fff-d482-badd-97EAB6DC5fde"> <span style = "font-variante-numerisch: normal; font-variante-astasian: normal; vertikaler Align: Basislinie ; "> <ul class =" nav-pills "> ... </ul> </span> </span>

B.   <ul class = "Dropdown-Menus"> <span id = "docs-internal-guid-8Be069af-7fff-9809-70F4-A1D9AFDB984E" -Serif; Hintergrundfarbe: transparent; Schriftart-Variante-Numerik: Normal; font-variante-astasian: Normal; vertikaler Align: Grundlinie; weißer Raum: Pre-Wrap; "> <ul class =" Dropdown- Menüs "> ... </ul> </span> </span> </ul>

C.   <ul class = "navigation"> <span id = "docs-internal-guid-14ebfa5b-7fff-f6c3-74b4-c9f489aa211c"> <span style = "Schriftgröße: 12pt; Schriftfamilie: Calibri, SANS-SERIF ; Hintergrundfarbe: transparent; font-variante-numerisch: normal; font-variante-östlich-asiatisch: normal; vertikal-align: basilin; weißer space: pre-wrap; "> <ul class =" navigation ">. .. </ul> </span> </span> </ul>

D.   <ul class = "nav-dropdowns"> <span id = "docs-internal-guid-77181952-7fff-05cf-0e4a-8ba5c67692fe"> <span style = "font-size: 12pt; font-familie: calibri, sans-serif; Hintergrundfarbe: transparent; font-variante-numerisch: normal; font-variante-astasian: Normal; vertikaler Align: Basislinie; Weißraum: Pre-Wrap; "> <ul class =" nave nav-dropdowns "> ... </ul> </span> </span> </ul>

E.   <ul class = "nav-tabs"> <span id = "docs-internal-guid-ce8bd524-7fff-1541-e93d-b38b7d718be0"> <span style = "Schriftgröße: 12pt; Schriftfamilie: Calibri, sans-serif; Hintergrundfarbe: transparent; font-variante-numerisch: normal; font-variante-astasian: normal; vertikaler Ausrichtung: Basislinie; Weißraum: Pre-Wrap; "> <ul class =" nave nav-tabs-with-dropdown "> ... </ul> </span> </span> </ul>

F.   <ul class = "nav-tabs-with-dropdown"> <span id = "docs-internal-guid-8c03703f-7fff-3162-c0fe-4eda7ef617f7"> <span style = "font-size: 12pt; font- Familie: Calibri, sans-serif; Hintergrundfarbe: transparent; font-variante-numerisch: normal; font-variante-östlich-asiatisch: normal; vertikaler Ausrichtung: Grundlinie; weißer Raum: Pre-Wrap; "> <ul class = "Menü"> </ul> </span> </span> </ul>

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

76:

Was wird verwendet, um markierten Text zu erstellen?

A.   Fügen Sie ein HTML -Tag der Klasse `mark" hinzu

B.   <span id = "docs-internal-guid-185a0d26-7fff-579e-4f6b-c675b91cfbd3"> <span style = "font-variante-numerisch: normal; font-variante-astasian: normal; vertikalalign: grundlegendeline: grundlegendeline ; "> mit <mark> HTML -Tag </span> </span>

C.   Fügen Sie der Klasse "markiert" zu einem HTML -Tag hinzu

D.   Fügen Sie ein HTML-Tag der Klasse "is-marked" hinzu

E.   Fügen Sie ein HTML-Tag der Klasse "markiert-text" hinzu

77:

Welcher der folgenden Bootstrap-Stile bietet ein zusätzliches visuelles Gewicht und identifiziert die primäre Aktion in einem Satz von Schaltflächen?

A.   .BTN

B.   .BTN-Primary

C.   .BTN-SUCCESS

D.   .BTN-INFO

78:

Welche der folgenden Aussagen ist Teil der mobilen ersten Strategie von Bootstrap?

A.   Inhalt: Bestimmen Sie, was am wichtigsten ist.

B.   Layout: Entwerfen Sie zuerst auf kleinere Breiten. Basis -CSS -Adresse Mobiles Gerät zuerst; Medienabfragen Adresse für Tablet, Desktops.

C.   Progressive Verbesserung: Fügen Sie Elemente mit zunehmender Bildschirmgröße hinzu.

D.   Alle oben genannten.

79:

Welche der folgenden Bootstrap-Stile kann verwendet werden, um eine gestapelte Fortschrittsleiste zu erstellen?

A.   .Programm-gestapelt

B.   .Fortschritt

C.   .programmstapel.

D.   Nichts des oben Genannten.

80:

Welche der folgenden Aussagen ist richtig für Bootstrap-Brunnen?

A.   Ein Brunnen ist ein Behälter in <div>, der dazu führt, dass der Inhalt gesunken erscheint oder auf der Seite ein fester Effekt.

B.   Um einen Brunnen zu erstellen, wickeln Sie einfach den Inhalt ein, den Sie im Brunnen mit einer <div> -Klasse der.

C.   Beide der oben genannten.

D.   Nichts des oben Genannten.

81:

Welche der folgenden Aussagen sollte im Kopf eines HTML-Dokuments für ordnungsgemäße Rendering und Berührungszooming enthalten sein?

A.   meta name = & quot; Ansichtsfenster & quot; content = & quot; width = Gerätebreite, Initial-Scale = 1 & quot;>

B.   <meta name = & quot; ViewPort & quot; content = & quot; width = Gerätebreite, Initial-Scale = 1 & quot;>

C.   <meta name = & quot; viewSport & quot; content = & quot; width = Gerätebreite, Initial-Scale = 1 & quot;>

D.   Nichts des oben Genannten

82:

Ist es möglich, ein reaktionsschnelles Bild zu erstellen?

A.   Ja, mit Helferklasse: `responsive`

B.   Ja, mit Klasse: `img responsiv`

C.   Ja, unter Verwendung der Klasse `img responsiv`

D.   Ja, mit der Klasse "IMG-Rund" wird die Breite durch die Breite des Ansichtsfenstes auf die engste Ganzzahl gerundet

E.   Ja, mit der Klasse `img-fluid`

F.   Ja, mit der Klasse `image-responsiv"

G.   Keine von diesen

83:

Welches der folgenden ist nicht wahr?

A.   Hinzufügen von & quot; Lead & quot; Klasse zu einem P -Element macht den Text herausragend.

B.   Hinzufügen von "Text-Links" & quot; Die Klasse zu einem P -Element lässt den Text nach links ausgerichtet.

C.   Hinzufügen von "text-Gereinigung" & quot; Die Klasse zu einem P -Element macht den Text gerechtfertigt.

D.   Hinzufügen von text-capitalisierten "" " Klasse zu einem P -Element lässt den Text aktivieren.

84:

Welche der folgenden Aussagen ist für Bootstrap-Medienabfrage korrekt?

A.   Medienabfrage ist ein wirklich ausgefallener Begriff für "bedingte CSS -Regel".

B.   Es wendet einfach einige CSS an, basierend auf bestimmten Bedingungen. Wenn diese Bedingungen erfüllt sind, wird der Stil angewendet.

C.   Beide der oben genannten.

D.   Nichts des oben Genannten.

85:

Welche der folgenden Klasse muss hinzugefügt werden, um zum Formular zu fördern, um es inline zu machen?

A.   .im Einklang

B.   .Form-Inline

C.   .horizontal

D.   Nichts des oben Genannten.

86:

Welche Klasse wendet die Schwebefarbe auf eine bestimmte Zeile oder Zelle einer Tabelle an?

A.   .aktiv

B.   .Erfolg

C.   .Warnung

D.   .Gefahr

87:

Mit welcher der folgenden Klasse kann eine Responsive-Tabelle erstellt werden?

A.   .

B.   . Verantwortlich

C.   .aktiv

D.   .Tisch

88:

Welche der folgenden Aussagen ist richtig für das Bootstrap-Gittersystem?

A.   Die Zeilen müssen in einer .container -Klasse platziert werden, um eine ordnungsgemäße Ausrichtung und Polsterung zu erhalten.

B.   Verwenden Sie Zeilen, um horizontale Gruppen von Spalten zu erstellen.

C.   Der Inhalt sollte innerhalb der Spalten platziert werden, und es können nur Spalten die unmittelbaren Kinder von Reihen sein.

D.   Alle oben genannten.

89:

Welche der folgenden Aussagen ist für Daten-Backdrop-Datenattribut des modalen Plugins korrekt?

A.   Es gibt statisch für einen Hintergrund an, wenn Sie nicht möchten, dass das Modal geschlossen wird, wenn der Benutzer außerhalb des Modals klickt.

B.   Es schließt das Modal, wenn die Fluchttaste gedrückt wird. auf false eingestellt, um zu deaktivieren. Es zeigt das Modal bei der Initialisierung.

C.   Verwenden Sie die Jquery .load -Methode, injiziert Inhalte in den modalen Körper. Wenn ein HREF mit einer gültigen URL ist

D.   Es wird hinzugefügt, dass dieser Inhalt geladen wird.

90:

Wie ist ein Tablettinhalt mit Bootstrap hergestellt?

A.   Verwenden von .nav- und .tabbed -Klassen auf <ul> Tag

B.   Verwenden von .nav- und .tabs -Klassen auf <ul> Tag

C.   Verwenden von .navigation- und .tabs -Klassen auf <ul> Tag

D.   Verwenden von .nav- und .nav-tabs-Klassen auf <ul> Tag

91:

Wie entfernen Sie ein Listenstyling für verschachtelte Listen?

A.   Durch Hinzufügen von .List-entzündeten Klasse zum übergeordneten Element

B.   Durch Hinzufügen von .List-nicht-styled-Klasse zu allen Listenelementen

C.   Durch ein Wickeln mit tag <stylyled> umwickeln

D.   Durch ein Wickeln mit TAG <ul> umwickeln

92:

Wie wird ein Großbuchstaben mit nur den Klassen von Bootstraps hergestellt?

A.   Fügen Sie ein Textelement.

B.   Es ist nicht möglich

C.   Fügen Sie .Text-Suppercase-Klasse zu einem Textelement hinzu

D.   Fügen Sie ein Textelement hinzu.

E.   Fügen Sie ein Textelement .T-Oppercase-Klasse hinzu

93:

Das folgende Ereignisfeuer auf der Registerkarte, nachdem eine Registerkarte gezeigt wurde. Verwenden Sie Event.Target und Event.ReformationTarget, um die Registerkarte „Aktive Registerkarte vorherzusehen

A.   $ ('a [data- toggle = & quot; tab & quot;]'). on ('Opened.bs.tab', Funktion (e) {E.Target E.

B.   $ ('a [data- toggle = & quot; tab & quot;]'). on ('open.bs.tab', Funktion (e) {e.target e.RelatedTarget})

C.   $ ('a [data- toggle = & quot; tab & quot;]'). on ('show.bs.tab', Funktion (e) {e.target e.RelatedTarget})

D.   $ ('a [data- toggle = & quot; tab & quot;]'). on ('gezeigt.bs.tab', Funktion (e) {E.Target E.

94:

Wie viele Spalten hat Bootstrap Grid?

A.   8

B.   10

C.   12

D.   14

95:

Bootstrap Grid-System basiert auf wie vielen Spalten?

A.   3

B.   12

C.   6

D.   9

96:

Was ist die Standardlinienhöhe, während Twitter Bootstrap verwendet?

A.   1

B.   1.428

C.   1.5

D.   2

E.   2.428

97:

Können Bootstrap-Plugins einzeln aufgenommen werden?

A.   Ja

B.   NEIN

C.   Ja, aber nur Registerkarte und Tooltip

D.   Nein, außer Modal

98:

Das folgende Ereignis wird abgefeuert, wenn der Tooltip vor dem Benutzer versteckt ist (warten Sie, bis die CSS-Übergänge abgeschlossen sind). :

A.   $ ('#TooltipExample'). On ('thedbs.bs.tooltip', function () {// etwas tun ...})

B.   $ ('#TooltipExample'). On ('hide.bs.tooltip', function () {// etwas tun ...})

C.   $ ('#TooltipExample'). On ('active.bs.scrollspy', function () {// etwas tun ...})

D.   $ ('#TooltipExample'). On ('Hidden.bs.tooltip', function () {// etwas tun ...})

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

99:

Welche der folgenden Aussagen ist für das Data-HTML-Datenattribut des Tooltip-Plugins korrekt? korrekt

A.   Wendet einen CSS -Übergang zum Tooltip an.

B.   Fügt HTML in den Tooltip ein. Wenn dies falsch ist, wird die Textmethode von JQuery verwendet, um Inhalte in die DOM einzufügen.

C.   Gibt an, wie man den Tooltip positioniert (d. H. Oben | unten | links | rechts | auto).

D.   Delegierte an die angegebenen Ziele.

100:

Wie funktioniert Bootstrap Grid?

A.   Es ist mit Flexbox fertig, Sie verwenden nur Requisiten wie `flex = & quot; 1 & quot;

B.   Bootstrap bietet benutzerdefinierte Klassen zum Erstellen von Raster. `row` für Zeilen und` span1, span2, span3 usw. 'für Spalten.

C.   Bootstrap bietet benutzerdefinierte Klassen zum Erstellen von Raster. `row` für Zeilen und` col-md-3, col-lg-12 usw. usw. für Spalten.

D.   Bootstrap bietet benutzerdefinierte Klassen zum Erstellen von Raster. `row` für Zeilen und` col-mobile-3, col-tablet-12 usw. 'für Spalten.