Questions bootstrap en langues françaises

Questions bootstrap en langues françaises

Ces questions et réponses à choix multiples Bootstrap vous aideront à renforcer vos connaissances sur Bootstrap. Vous pouvez utiliser ces QCM auriculaires pour vous préparer à votre prochain examen ou entretien.
Faites défiler vers le bas pour commencer à répondre.

1:

quelle classe bootstrap est utilisée pour créer des tables réactives?

A.   La table est sensible à la table

B.   Bootstrap de table

C.   table

D.   table de bootstrap

2:

Laquelle des classes de boutons suivantes n'existe pas? (vérifiez tous ceux qui s'appliquent)

A.   .btn-default

B.   .btn-primary

C.   .btn-secondaire

D.   .BTN Warning

E.   .btn-error

3:

Quelle classe est utilisée pour créer un groupe de bouton?

A.   .btn-group

B.   .button-groupe

C.   .group-bouton

D.   .group-btn

4:

Lequel des éléments suivants n'est pas une classe contextuelle?

A.   .actif

B.   .danger

C.   .succès

D.   .échec

5:

Quelle classe ajoute des étriches zébrées à une table?

A.   .Table-Zebra

B.   .

C.   .pair et impair

D.   .Table-Striped

6:

Lequel de ces types de liste existe dans Bootstrap? (vérifiez tous ceux qui s'appliquent)

A.   .

B.   .List-Unstyled

C.   .List-inline

D.   .List-bloc

7:

Laquelle de la classe suivante peut être utilisée pour créer une chapelure?

A.   .menu

B.   .Navbar

C.   .articles

D.   .miette de pain

8:

quelle balise peut être utilisée pour mettre en surbrillance le texte?

A.   Tag>

B.   <span>

C.   <Hover>

D.   <Mark>

9:

Laquelle des classes suivantes rendra la table réactive?

A.   .

B.   .

C.   .

D.   table à rayures

10:

ce qui est" sr-uniquement " classe nécessaire pour Bootstrap?

A.   La classe est utilisée pour masquer uniquement les règles de service

B.   La classe est utilisée pour afficher uniquement les règles de service

C.   La classe est utilisée pour afficher les informations prévues uniquement pour les lecteurs d'écran à partir de la disposition de la page rendue.

D.   La classe est utilisée pour masquer les informations prévues uniquement pour les lecteurs d'écran à partir de la disposition de la page rendue

11:

Lequel des éléments suivants est la bonne façon de faire la pagination avec bootstrap?

A.   Nav aria-label = & quot; Page Navigation & 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="#" ;> 4 </a> </li> <li> <a href="#" ;> 5 </a> </li> </ul> </AV>

B.   Nav aria-label = & quot; Page Navigation & 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="#" ;> 4 </a> </p> <p> <a href="#" ;> 5 </a> </p> </ul> </AV>

C.   nav Aria-label = & quot; Page Navigation & 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="#" ;> 4 </a> </i> <i> <a href="#" ;> 5 </a> </i> </ul> </AV>

D.   Aucune de ces réponses

12:

Laquelle des classes suivantes est utilisée pour faire ressortir un paragraphe?

A.   s-out

B.   grand

C.   plomb

D.   d'abord

13:

comment ajouter un badge dans le bouton?

A.   Button class = & quot; btn btn-primary btn-with-badge & quot;> messages <span> 4 </span> </sponse>

B.   <Button class = & quot; btn btn-primary & quot;> messages <span class = & quot; badge & quot;> 4 </span> </futton>

C.   <Button class = & quot; btn btn-primary & quot;> messages <span class = & quot; btn-badge & quot;> 4 </span> </futton>

D.   <Button class = & quot; btn btn-primary & quot;> messages </futton> <span class = & quot; btn-badge & quot;> 4 </span>

14:

comment envelopper le formulaire d'étiquette et d'entrée?

A.   .form

B.   .form-groupe

C.   . de l'élément

D.   .form-item

15:

Quelle classe de bouton est utilisée pour créer un gros bouton?

A.   .btn-lg

B.   .btn-grand

C.   .btn-l

D.   .btn-xl

16:

Quelle classe peut être utilisée pour faire une liste en ligne?

A.   .List-within-line

B.   .List par ligne

C.   .List-line

D.   .List-inline

17:

Quelle est la bonne façon de placer la liaison en boîte d'alerte?

A.   Div class = & quot; Alert Alert-Warning & quot;> Avertissement! <a href=" ;#" ;> Lire la documentation. </a> </div>

B.   <div class = & quot; alert warning warning alert-highlight-links & quot;> avertissement! <a href=" ;#" ;> Lire la documentation. </a> </div>

C.   <div class = & quot; Alert Alert-Warning & quot;> avertissement! <a href = & quot; # & quot; classe = & quot; alert-link & quot;> lisez la documentation. </a> </div>

D.   <div class = & quot; Alert Alert-Warning & quot;> avertissement! <a href = & quot; # & quot; classe = & quot; alert-warning-link & quot;> lisez la documentation. </a> </ div>

18:

Quelle est la bonne façon de créer un en-tête de page avec sous-texte à l'intérieur?

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

B.   <h1 class = & quot; Page-Header & quot;> Ruby on Rails <small class = & quot; henter-subtext & quot;> by Matz </small> </h1>

C.   <div class = & quot; Page-Header & quot;> <h1> ruby ​​on rails <mall> par Matz </small> </h1> </div>

D.   <div class = & quot; Page-Header & quot;> <h1> ruby ​​on rails <small class = & quot; henter-subtext & quot;> by Matz </small> </h1> </div>

19:

Quelle est la bonne façon de créer une case à cocher avec l'utilisation de Bootstrap?

A.   Label class = & quot; Checkbox & quot;> <entrée type = & quot; Checkbox & quot; Value = & quot; vérifié & quot;> accepter les termes </ label>

B.   <div class = & quot; checkbox & quot;> <bloud> <input type = & quot; checkbox & quot; value = & quot; cochée & quot;> accepter les termes </cablins> </div>

C.   <div class = & quot; checkbox & quot;> <input type = & quot; checkbox & quot; value = & quot; cochée & quot;> <label> accepter les termes </vabe> </div>

D.   <div class = & quot; checkbox & quot;> <bable> accepter les termes </ labe> <entrée type = & quot; checkbox & quot; valeur = & quot; vérifié & quot;> </div>

20:

quelle sera la couleur du bouton avec la classe BTN-primaire?

A.   Bleu

B.   Rouge

C.   Blanc

D.   Noir

21:

lequel des aides d'image suivants n'existe pas?

A.   .Img.

B.   .img-circle

C.   .IMG-BRANDÉ

D.   .Img-Thumbnail

22:

Laquelle des classes de bootstrap suivantes peut être utilisée pour créer des onglets?

A.   .Navigation .Navigation-tabs

B.   .nav .nav-tabs

C.   .NAV-TABS-NAVIGIE .NAV-TABS-CHILDRES

D.   Aucune de ces réponses

23:

Quelle classe est utilisée pour créer une grande boîte pour attirer une attention supplémentaire?

A.   .grosse boite

B.   .Jumbotron

C.   .récipient

D.   .attention

24:

Quelle classe peut être utilisée pour l'élément d'en-tête de page?

A.   .titre de la page

B.   .

C.   .entête

D.   Aucune de ces réponses

25:

Pourquoi normaliser.css est utilisé dans Bootstrap Framework?

A.   Pour optimiser la taille des fichiers source bootstrap

B.   Pour améliorer le rendu croisé

C.   Pour importer des polices Google directement dans Bootstrap CSS

D.   Aucune de ces réponses

26:

Quelle classe façonne une image à un cercle?

A.   .Img-Thumbnail

B.   .img-tour

C.   .img-circle

D.   .Img.

27:

comment créer le bouton de niveau de bloc qui couvre toute la largeur de son élément parent?

A.   .btn à large

B.   .btn-full

C.   .BTN-Container

D.   .btn-bloc

28:

Lesquels des codes CSS suivants peuvent être utilisés pour ajouter des astérisques aux champs requis sous une forme? < / p>

A.   .form-group.Required .Control-Label: After {Content: & quot; * & quot ;; La couleur rouge; }

B.   .form-group: requis {contenu: & quot; * & quot ;; La couleur rouge; }

C.   .form-group: After {Content: & quot; * & quot ;; La couleur rouge; }

D.   Aucune de ces réponses

29:

Laquelle des classes suivantes fait ressembler la table"

A.   .

B.   .Table-Zebra

C.   .

D.   .Table-Striped

30:

Laquelle des balises de méta suivantes est importante pour assurer un rendu et un zoom appropriés?

A.   Meta Content = & quot; Text & quot;>

B.   <méta name = & quot; fenêtre & quot; contenu = & quot; width = wid-width, initial-échelle = 1 & quot;>

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

D.   <meta http-equiv = & quot; refresh & quot; Content = & quot; 30 & quot;>

31:

Laquelle des balises suivantes est utilisée pour afficher les combinaisons de clavier?

A.   Section>

B.   <code>

C.   <Deyboard>

D.   <kbd>

32:

Quelle classe fournit un conteneur complet, couvrant toute la largeur de la fenêtre?

A.   .Container-fluid

B.   .

C.   .Container-plein

D.   .récipient

33:

Quelle classe fournit un conteneur de largeur fixe réactif?

A.   .

B.   .Container-fluid

C.   .récipient

D.   .Container-plein

34:

Quelle est la façon par défaut d'avoir le bouton rouge?

A.   Bouton Type = & quot; Button & quot; class = & quot; btn btn-default & quot;> par défaut </futch>

B.   <Button Type = & quot; Button & quot; class = & quot; btn btn-default-red & quot;> par défaut comme rouge </ftont>

C.   <Button Type = & quot; Button & quot; classe = & quot; btn & quot; color = & quot; red & quot;> rouge </ftont>

D.   <Button Type = & quot; Button & quot; classe = & quot; btn btn-red & quot;> red </futton>

E.   <Button Type = & quot; Button & quot; classe = & quot; btn btn-danger & quot;> danger </ftont>

F.   <Button Type = & quot; Button & quot; Class = & quot; btn btn-alert & quot;> danger </fitton>

35:

est-il possible de désactiver le zoom sur les appareils mobiles tout en utilisant Bootstrap?

A.   Non, Bootstrap est mobile d'abord et les sites mobiles doivent avoir la capacité de zoomer ou de sortir

B.   Oui, mais vous devez avoir activé JS et ajouter `data-zoom ="

C.   Le zoom ne sera désactivé que si `width = device-width` est dans la balise méta avec` name = & quot; vision & quot; `

D.   Le zoom ne sera désactivé que si `initial-échelle = 1, maximum-échelle = 1` est dans la balise méta avec` name = & quot; vision & quot; `

36:

Vous pouvez activer les commandes de carrousel en utilisant l'extrait de code suivant?

A.   $ (& quot; .item & quot;). cliquez (function () {$ (& quot; # idcarel & quot;). Carousel (0);});

B.   $ (& quot; # idcarel & quot;). Carousel ();

C.   $ (& quot; .item & quot;). cliquez (function () {$ (& quot; # idcarel & quot;). Carousel (1);});

D.   $ (& quot; .left & quot;). Click (function () {$ (& quot; # idcarel & quot;). Carousel (& quot; prev & quot;);});

37:

Qu'est-ce que Jumbotron?

A.   Une telle chose n'existe pas dans Bootstrap, c'est un mot utilisé pour décrire les grands téléviseurs

B.   C'est un élément de présenter le contenu clé

C.   Son élément de conteneur pour maintenir la disposition de la grille

D.   Son élément de conteneur pour contenir des images en mode plein écran

38:

Bootstrap vous fournit des types de dispositions suivantes: (Choisissez tout ce qui s'applique)

A.   Forme horizontale

B.   Forme en ligne

C.   Formulaire de contour

D.   Formulaire vertical (par défaut)

39:

Les utilitaires réactifs sont actuellement disponibles uniquement pour les bascules de bloc et de table dans les classes suivantes:

A.   .Visible-SM-bloc: Petits appareils (plus de 767px et moins de 992px de largeur) Visible

B.   .Visible-MD-bloc: Appareils moyens (jusqu'à 768px de largeur) Visible

C.   .Visible-MD-bloc: dispositifs moyens (768px à 980px de largeur) visibles

D.   .Visible-lg: Appareils plus grands (992px et supérieur en largeur) Visible

40:

quels navigateurs sont pris en charge?

A.   Tous les navigateurs sont pris en charge.

B.   Toutes les versions de Chrome, Firefox, Opera, IE et Safari.

C.   Chrome, Safari, Firefox qui met à jour automatiquement sont entièrement pris en charge et IE 8 et 9 sont en partie pris en charge.

D.   Chrome, Safari, Firefox qui met à jour automatiquement sont entièrement pris en charge et IE 8 et 9 ne sont pris en charge qu'avec les anciens modes de compatibilité IE.

41:

Quel code créera le bouton bootstrap?

A.   Bouton Type = & quot; Button & quot; Class = & quot; Button Success & quot;> Button </ Button>

B.   <Button Type = & quot; Button & quot; classe = & quot; btn btn-sucre & quot;> Button </futton>

C.   <btn class = & quot; succès & quot;> bouton </btn>

D.   <Button Type = & quot; Button & quot; Class = & quot; btn-flat & quot;> bouton </ bouton>

42:

en bootstrap, les éléments effondrés vous permettent d'effondrer aucun élément sans utiliser __?

A.   MOINS

B.   CSS

C.   Javascript

D.   Modal

43:

Qu'est-ce qui est vrai dans les icônes dans bootstrap?

A.   Bootstrap ne fournit pas d'icônes hors de la boîte, mais il est possible d'utiliser la conception de matériaux, la police impressionnante ou toute autre icône établie avec bootstrap.

B.   Si l'icône est nécessaire après le texte de Div, l'icône peut être ajoutée simplement comme ceci: `<div class = & quot; Glyphicon Glyphicon-Search & quot;> Search </div>`

C.   Les classes d'icônes peuvent être directement combinées avec tous les autres éléments.

D.   Les classes d'icônes doivent être utilisées uniquement avec des éléments vides

E.   Aucun d'eux

44:

Le système de grille bootstrap a les préfixes de classe suivants? (Choisissez tout ce qui s'applique)

A.   Col-lg-

B.   col-sm-

C.   Col-Em-

D.   col-xs-

E.   Col-SX-

45:

Quel code est correct afin d'obtenir l'onglet actif précédent & # 39; s texte?

A.   $ ('. Nav-tabs a'). sur ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedTarget) .Previous ();});

B.   $ ('. Nav-tabs a'). on ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedtarget) .back ();});

C.   $ ('. Nav-tabs a'). sur ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedTarget) .Prev ();});

D.   $ ('. Nav-tabs a'). on ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedtarget) .text ();});

46:

Quel code est correct d'obtenir un texte actif précédent & # 39;

A.   $ ('. Nav-tabs a'). sur ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedTarget) .Previous ();});

B.   $ ('. Nav-tabs a'). on ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedtarget) .back ();});

C.   $ ('. Nav-tabs a'). sur ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedTarget) .Prev ();});

D.   $ ('. Nav-tabs a'). on ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedtarget) .text ();});

47:

comment pouvez-vous insérer une icône de recherche?

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:

Quelle classe est utilisée pour créer une barre de navigation noire?

A.   .Navbar-inverse

B.   .Navbar-Black

C.   .Navbar-Default

D.   .Navbar-Dark

49:

Qu'est-ce que Twitter Bootstrap?

A.   C'est l'API CSS pour créer des interfaces utilisateur lors du prototypage

B.   C'est HTML, CSS et JavaScript Framework pour créer des interfaces utilisateur

C.   C'est le cadre JS et ECMAScript qui permet des modifications CSS rapides

D.   Cela fait partie de l'API Twitter UI

E.   C'est une nouvelle façon de construire des interfaces

50:

Bootstrap fournit les classes suivantes qui peuvent être utilisées pour appliquer des styles simples aux images? (Choisissez tout ce qui s'applique)

A.   .img-thumbnail: ajoute un peu de rembourrage et une bordure grise

B.   .Img Round: Ajoute le rayon de bord

C.   .img-circle: fait l'image entière en ajoutant le rayon frontalier: 50%

D.   .Img Round: ajoute la border-recat: 6px pour donner aux coins de la réaction d'image

E.   .img-circle: fait le rayon de l'image entier en ajoutant une frontière

51:

Le plugin affixe bascule parmi les classes suivantes? (Choisissez tout ce qui s'applique)

A.   .Affix

B.   affixe-basé

C.   .Affix-top

D.   Aucune de ces réponses

52:

L'événement suivant est tiré immédiatement lorsque la méthode de l'instance de masquer a été appelée?

A.   $ ('# popoverexample'). sur ('show.bs.popover', function () {// faire quelque chose ...})

B.   $ ('# popoverexample'). sur ('montré.bs.popover', function () {// faire quelque chose ...})

C.   $ ('# popoverexample'). sur ('Hidden.bs.popover', fonction () {// faire quelque chose ...})

D.   $ ('# popoverexample'). sur ('hide.bs.popover', fonction () {// faire quelque chose ...})

53:

Lequel des styles bootstrap suivants peut être utilisé pour obtenir différentes éléments de taille .Pagination?

A.   .lg, .sm

B.   .Pagination-lg, .pagination-sm

C.   .Menu-lg, .Menu-sm

D.   Aucune des réponses ci-dessus.

54:

Quel style de bootstrap fait apparaître un ensemble de boutons empilés verticalement plutôt que horizontalement?

A.   .btn-groupe

B.   .BTN-TOOLBAR

C.   .btn-group-lg

D.   .btn-group-vertical

55:

Laquelle des variables suivantes n'est pas disponible pour modifier les paramètres d'échafaudage par défaut en utilisant moins?

A.   @ body-bg

B.   @ Text-Color

C.   @couleur de base

D.   @couleur du lien

56:

Laquelle des éléments suivants est la taille correcte de l'image dans l'objet multimédia par défaut?

A.   32x32

B.   64x64

C.   128x128

D.   Aucun d'eux

57:

Laquelle des commandes suivantes est valide d'afficher la fenêtre modale?

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

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

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

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

58:

Comment créez-vous une table condensée qui a des frontières et en survol sur les lignes?

A.   classe de table = & quot; table condensée de bordure de bordure de bordure & quot;> </ table>

B.   <table class = & quot; TABLE CONDENSED BONDED HOVOR & quot;> </ table>

C.   <table class = & quot; Table Table Table-condensé Table-Hover lié à la Table & quot;> </ Table>

D.   <table class = & quot; table table de table à table à table à table à table à table de table & quot;> </ table>

59:

Laquelle des couleurs suivantes est la couleur par défaut de la barre de progrès?

A.   # 286090

B.   # CC2929

C.   # 167AC6

D.   Aucune des réponses ci-dessus.

60:

Laquelle de ces bibliothèques de polices est incluse dans Bootstrap 3?

A.   Fontello

B.   Fontawesome

C.   Glyphicons

D.   Iomoon

61:

comment rincez-vous les côtés gauche et droit du texte à l'aide de bootstrap?

A.   .Text-Justify

B.   .Text-nowrap

C.   .Text-flush

D.   .Text-align-left-droite

62:

Quelle est l'utilisation des requêtes multimédias dans CSS et dans Bootstrap?

A.   Pour spécifier la taille de la vue du navigateur

B.   Pour spécifier quels fichiers multimédias peuvent être chargés sur la page

C.   Pour déplacer, afficher et masquer le contenu en fonction de la taille de la fenêtre

D.   Aucune de ces réponses

63:

Quel paquet d'icônes est officiellement inclus dans Bootstrap?

A.   Flaticon

B.   Plusicons

C.   Forêt

D.   Glyphicons

64:

Quelle classe CSS est nécessaire pour afficher les entrées de formulaire l'une après l'autre en ligne unique?

A.   «Form-inline-Mobile» si la fenêtre est inférieure à 768px de largeur

B.   «Form-inline» si la fenêtre est d'au moins 768px de large

C.   «Form-inline-desktop» si la fenêtre a une largeur d'au moins 768px

D.   «Form-As-Row» si la fenêtre a une largeur d'au moins 768px

E.   «Form-in-Row» si la fenêtre est de largeur d'au moins 768px de large

F.   Impossible de faire parce que Bootstrap est d'abord mobile et sur les éléments de forme mobile s'affichent dans les colonnes

65:

quel préprocesseur est utilisé pour construire bootstrap?

A.   MOINS

B.   TOUPET

C.   TCSS

D.   Twittercss

66:

Que se passera-t-il si la fenêtre avec une résolution de 500x800 tournera dans le paysage du site qui utilise une construction personnalisée de bootstrap?

A.   Les éléments avec la classe `.Visible-xs- *` se cacheront

B.   Le résultat dépend de moins de configuration

C.   Les articles avec la classe `.Visible-md- *` resteront cachés

D.   Les articles avec la classe `.visible-lg- *` resteront cachés

67:

Quelles variables d'échafaudage sont disponibles dans les CS classiques pour remplacer les valeurs par défaut?

A.   Bod-BG, Gray-Dark, Brand-Primaire, Link-Hover-Color, Link-Hover-Decoration

B.   Il n'est pas possible de remplacer moins de variables dans un fichier CSS classique.

C.   Body-BG, Text-Color, Link-Color, Link-Hover-Decoration, Link-Hover-Color

D.   Gray-Dark et Brand-primaire

68:

Que se passera-t-il si la classe Sr uniquement est ajoutée à un élément div?

A.   Div ne sera visible que pour les appareils à petite résolution

B.   Div ne sera visible que pour les lecteurs d'écran

C.   Div va glisser uniquement sur le côté droit

D.   Div ne restera que sur le côté droit de l'écran

69:

aucun. Bootstrap ne prend pas encore en charge Flexbox .-- Bootstrap v4 fera l'affaire.

A.   Aucun. Bootstrap ne prend pas encore en charge Flexbox .-- Bootstrap v4 fera l'affaire.

B.   Seule classe `Row-flex` et« Column-flex »

C.   N'importe quel

D.   <l> <li> Quelles options CSS du modèle Flexbox peuvent être utilisées avec Bootstrap? </li> </l>

70:

Qu'est-ce qui est nécessaire pour créer un menu qui modifie l'élément de menu actif tout en faisant défiler les contenus de div?

A.   UL CLASS = & quot; NAV & quot; id = & quot; top_navigation & quot;> <li id ​​= & quot; Part-1 & quot;> Partie 1 </li> <li id ​​= & quot; Part-2 & quot;> Partie 2 </li> </ul> et le contenu doit être enveloppé avec un tel div: <div data-menu = & quot; top_navigation & quot;> <div id = & quot; partie 1 & quot;> contenu </ div> <div id = & quot; partie-2 & quot;> Contenu </ div> </ div >

B.   Scroll Spy peut être utilisé qui est le plugin JS

C.   Vous aurez besoin d'une lib tierce pour y arriver. Par exemple. jQuery ou reactjs

D.   Ajoutez simplement la navigation avec par ex. `Data-Rel = & quot; Navigation & quot;` Attribut et même div avec `Data-Rel-Bind = & quot; Navigation & quot;`

71:

Qu'est-ce que la différence visuelle entre Texte A et Texte B pour les utilisateurs finaux?

A.   Avec le texte de la balise `del` ressemble à du texte supprimé et avec une balise` s` est utilisé pour faire du texte de strikethrough

B.   Pas de différence visuelle

C.   Il y a une légère différence pour les utilisateurs de Safari sur Mac, alors qu'il n'y a pas de différence pour aucune autre

D.   `del` et` s` représentent des choses différentes et le texte «del» est également rouge, tandis que le texte «S» est tout simplement frappé

72:

Quels requêtes médiatiques sont disponibles en moins d'options pour faire de la meilleure interface utilisateur pour les appareils mobiles? (Choisissez tout ce qui s'applique)

A.   largeur

B.   Média-Queery-Mobile

C.   Screen-XS

D.   Screen-Phone

E.   petit

F.   Aucun d'eux

73:

Lequel des éléments suivants est la description correcte de .Offset * Classe?

A.   C'est une colonne hors colonne et un lieu de sauvegarde.

B.   C'est une colonne hors de la colonne et pas de sauvegarde.

C.   Il augmente la marge droite dans la colonne.

D.   Il augmente la marge gauche dans la colonne.

74:

Quelles sont les options pour rendre le poids de la police plus audacieux que dans l'élément parent?

A.   Ajouter la classe `` Bold '

B.   Utilisez la balise HTML `Bold`

C.   Utilisez HTML `Strong` Tag

D.   Utilisez HTML `B` Tag

E.   Ajouter la classe «Strong»

F.   Aucun d'eux

75:

quel code est utilisé pour créer une navigation?

A.   <span id = "docs-interal-guid-071e52ce-7fff-d482-badd-97eab6dc5fde"> <span style = "font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: basline ; "> <ul class =" NAV NAV-PILLS "> ... </ul> </span> </span>

B.   <ul class = "Dropdown-Menus"> <span id = "docs-interal-guid-8be069af-7fff-9809-70f4-a1d9afdb984e"> <span style = "Font-Size: 12pt; font-family: calibri, SANS -Serif; Background-Color: Transparent; Font-Variant-numeric: Normal; Font-Variant-East-asian: Normal; Vertical-Align: Baseline; White-espace: pré-wrap; "> <ul class =" Dropdown- menus "> ... </ul> </span> </span> </ul>

C.   <ul class = "Navigation"> <span id = "docs-interal-guid-14ebfa5b-7fff-f6c3-74b4-c9f489aaa211c"> <span style = "font-size: 12pt; font-family: calibri, Sans-Serif ; fond-couleur: transparent; police-variant-numeric: normal; font-variant-east-asian: normal; Vertical-Align: Baseline; blanc-espace: pré-wrap; "> <ul class =" navigation ">. .. </ul> </span> </span> </ul>

D.   <ul class = "NAV NAV-DroPdowns"> <span id = "docs-interal-guid-77181952-7fff-05cf-0e4a-8ba5c67692fe"> <span style = "Font-Size: 12pt; Font-Family: calibri, SANS-SERIF; COLOR BORDE: Transparent; Font-Variant-numeric: Normal; Font-Variant-East-asian: Normal; Vertical-Align: Baseline; White-espace: pré-wrap; "> <ul class =" Nav Nav-Dropdowns "> ... </ul> </span> </span> </ul>

E.   <ul class = "navAn-tabs"> <span id = "docs-interal-guid-ce8bd524-7fff-1541-e93d-b38b7d718be0"> <span style = "font-size: 12pt; font-family: calibri, SANS-SERIF; Background-Color: Transparent; Font-Variant-numeric: Normal; Font-Variant-East-asian: Normal; Vertical-Align: Baseline; White-espace: pré-wrap; "> <ul class =" Nav Nav-tabs-with-dropdown "> ... </ul> </span> </span> </ul>

F.   <ul class = "nav Nav-tabs-with-dropdown"> <span id = "docs-interne-guid-8c03703f-7fff-3162-c0fe-4eda7ef617f7"> <span style = "font-size: 12pt; font - Famille: Calibri, Sans-Serif; Background-Color: Transparent; Font-Variant-Numeric: Normal; Font-Variant-East-asian: Normal; Vertical-Align: BASELINE; WHITE-SPACE: Pre-Wrap; "> <Ul class = "menu"> </ul> </span> </span> </ul>

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

76:

Que faut-il utiliser pour fabriquer du texte marqué?

A.   Ajouter la classe `Mark` à une balise HTML

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

C.   Ajouter la classe «marquée» à une balise HTML

D.   Ajouter la classe «est marqué» à une balise HTML

E.   Ajouter la classe `Texte marqué 'à une balise HTML

77:

Lequel des styles bootstrap de bouton suivants fournit un poids visuel supplémentaire et identifie l'action principale dans un ensemble de boutons?

A.   .btn

B.   .btn-primary

C.   .BTN-Success

D.   .btn-info

78:

Lequel des éléments suivants fait partie de la première stratégie mobile de bootstrap?

A.   Contenu: déterminez ce qui est le plus important.

B.   Disposition: concevoir d'abord des largeurs plus petites. La base CSS aborde d'abord l'appareil mobile; Adresse des requêtes multimédias pour la tablette, desktops.

C.   Amélioration progressive: ajouter des éléments à mesure que la taille de l'écran augmente.

D.   Tout ce qui précède.

79:

Lequel des styles bootstrap suivants peut être utilisé pour créer une barre de progrès empilée?

A.   .

B.   .progrès

C.   .Progress-Stack.

D.   Aucune des réponses ci-dessus.

80:

Lequel des éléments suivants est correct sur les puits bootstrap?

A.   Un puits est un conteneur dans <div> qui fait apparaître le contenu coulé ou un effet d'encart sur la page.

B.   Pour créer un puits, enveloppez simplement le contenu que vous souhaitez apparaître dans le puits avec un <div> contenant la classe de .well.

C.   Les deux ci-dessus.

D.   Aucune des réponses ci-dessus.

81:

Lequel des éléments suivants doit être inclus à l'intérieur de la tête d'un document HTML pour un rendu et un zoom toucher appropriés?

A.   Meta name = & quot; Visionnaux & quot; contenu = & quot; width = wid-width, initial-scale = 1 & quot;>

B.   <méta name = & quot; fenêtre & quot; contenu = & quot; width = wid-width, initial-échelle = 1 & quot;>

C.   <meta name = & quot; Viewsport & quot; contenu = & quot; width = wid-width, initial-scale = 1 & quot;>

D.   Aucune de ces réponses

82:

est-il possible de créer une image réactive?

A.   Oui, en utilisant la classe d'aide: «Responsive»

B.   Oui, en utilisant la classe: `IMG-Responsive`

C.   Oui, en utilisant la classe «IMG-Responsive», mais cela nécessitera des plugins JavaScript activés

D.   Oui, en utilisant la classe `` IMG rond 'afin que sa largeur soit arrondie pour plus proche entier par largeur de fenêtre

E.   Oui, en utilisant la classe `IMG-FLUID`

F.   Oui, en utilisant la classe «Image-Responsive»

G.   Aucun d'eux

83:

Lequel des éléments suivants n'est pas vrai?

A.   Ajout de "plomb" La classe vers un élément P distingue le texte.

B.   Ajouter "Text-Left" La classe vers un élément P rend le texte à s'aligner sur la gauche.

C.   Ajout de "texte-juste" La classe d'un élément P rend le texte justifié.

D.   Ajout de & quot; texte-capitalisation & quot; La classe d'un élément P fait capitaliser le texte.

84:

Lequel des éléments suivants est correct à propos de la requête multimédia Bootstrap?

A.   La requête multimédia est un terme vraiment sophistiqué pour la règle CSS conditionnelle ".

B.   Il applique simplement certains CSS, sur la base de certaines conditions énoncées. Si ces conditions sont remplies, le style est appliqué.

C.   Les deux ci-dessus.

D.   Aucune des réponses ci-dessus.

85:

Laquelle de la classe suivante doit être ajoutée pour former la balise pour la faire en ligne?

A.   .en ligne

B.   .form-inline

C.   .horizontal

D.   Aucune des réponses ci-dessus.

86:

Quelle classe applique la couleur de survol à une ligne ou une cellule particulière d'une table?

A.   .actif

B.   .succès

C.   .avertissement

D.   .danger

87:

Laquelle de la classe suivante peut être utilisée pour créer une table réactive?

A.   .

B.   .sensible

C.   .actif

D.   .tableau

88:

Lequel des éléments suivants est correct sur le système de grille bootstrap?

A.   Les lignes doivent être placées dans une classe .Container pour un alignement et un rembourrage appropriés.

B.   Utilisez des lignes pour créer des groupes horizontaux de colonnes.

C.   Le contenu doit être placé dans les colonnes et seules les colonnes peuvent être les enfants immédiats des lignes.

D.   Tout ce qui précède.

89:

Lequel des éléments suivants est correct sur l'attribut de données Data-BackDrop du plugin modal?

A.   Il spécifie statique pour une toile de fond, si vous ne voulez pas que le modal soit fermé lorsque l'utilisateur clique à l'extérieur du modal.

B.   Il ferme le modal lorsque la touche d'échappement est enfoncée; réglé sur false pour désactiver. Il montre le modal lorsqu'il est initialisé.

C.   En utilisant la méthode JQuery .Load, injecte du contenu dans le corps modal. Si un HREF avec une URL valide est

D.   ajouté, il chargera ce contenu.

90:

comment est un contenu à onglets avec bootstrap fabriqué?

A.   Utilisation de classes .nav et .tabbées sur la balise <ul>

B.   Utilisation de classes .nav et .tabs sur la balise <ul>

C.   Utilisation de classes .Navigation et .tabs sur la balise <ul>

D.   Utilisation de classes .nav et .nav-tabs sur <ul> tag

91:

Comment supprimer un style de liste pour les listes imbriquées?

A.   En ajoutant une classe.

B.   En ajoutant.

C.   En emballage la liste avec TAG <NONTYLED>

D.   En emballage la liste avec tag <ul>

92:

Comment un texte majuscule est-il fabriqué en utilisant uniquement des classes de bootstrap?

A.   Ajouter une classe .Uppercase à un élément texte

B.   Ce n'est pas possible

C.   Ajouter une classe .Text-uppercase à un élément texte

D.   Ajouter une classe.

E.   Ajouter une classe .t-uppercase à un élément texte

93:

L'événement suivant Les incendies sur l'onglet affichent une fois qu'un onglet a été montré. Utilisez event.target et event.relatedTarget pour cibler respectivement l'onglet actif et l'onglet actif précédent?

A.   $ ('a [data- toggle = & quot; tab & quot;]'). on ('opened.bs.tab', fonction (e) {e.target e.relatedtarget})

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

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

D.   $ ('a [data- toggle = & quot; tab & quot;]'). on ('wamed.bs.tab', fonction (e) {e.target e.relatedtarget})

94:

Combien de colonnes Bootstrap Grid a-t-il?

A.   8

B.   dix

C.   12

D.   14

95:

Le système de grille bootstrap est basé sur combien de colonnes?

A.   3

B.   12

C.   6

D.   9

96:

Quelle est la hauteur de ligne par défaut tout en utilisant Twitter Bootstrap?

A.   1

B.   1.428

C.   1.5

D.   2

E.   2.428

97:

Les plugins bootstrap peuvent-ils être inclus individuellement?

A.   Oui

B.   Non

C.   Oui, mais uniquement l'onglet et l'influence

D.   Non, sauf modal

98:

L'événement suivant est licencié lorsque l'info :

A.   $ ('# Tooltipexample'). Sur ('montré.bs.tooltip', fonction () {// faire quelque chose ...})

B.   $ ('# Tooltipexample'). Sur ('hide.bs.tooltip', fonction () {// faire quelque chose ...})

C.   $ ('# Tooltipexample'). Sur ('active.bs.scrollspy', function () {// faire quelque chose ...})

D.   $ ('# Tooltipexample'). Sur ('Hidden.bs.tooltip', fonction () {// faire quelque chose ...})

E.   $ ('# Tooltipexample'). Sur ('show.bs.tooltip', fonction () {})

99:

Lequel des éléments suivants est correct sur l'attribut de données de données-html du plugin à ouvrages?

A.   Applique une transition de fondu CSS vers l'info-bulle.

B.   Insère HTML dans l'info-bulle. Si faux, la méthode texte de JQuery sera utilisée pour insérer du contenu dans le DOM.

C.   Spécifie comment positionner l'info-bulle (c'est-à-dire en haut | en bas | gauche | droite | auto).

D.   Délégués aux cibles spécifiées.

100:

comment fonctionne la grille bootstrap?

A.   Cela se fait avec Flexbox, vous utilisez simplement des accessoires comme `flex = & quot; 1 & quot;` et `alignitems = & quot; Center & quot;`

B.   Bootstrap fournit des classes personnalisées pour fabriquer une grille. «Row» pour les lignes et `span1, span2, span3 etc.» pour les colonnes.

C.   Bootstrap fournit des classes personnalisées pour fabriquer une grille. «Row» pour les lignes et `Col-MD-3, Col-LG-12 etc.» pour les colonnes.

D.   Bootstrap fournit des classes personnalisées pour fabriquer une grille. «Row» pour les lignes et `Col-Mobile-3, Col-Tablet-12 etc.» pour les colonnes.