Q # 12) What is a progress bar in bootstrap?

Answer: Progress bar is used with HTML tag style in HTML element using < progress > keyword. In bootstrap, we use html5 < progress > with CSS classes that have special features in bootstrap, which is only made for the progress bar.

Q # 13) Name the contextual classes that are used with the progressive bar in bootstrap.

Answer: The contextual classes used with progressive bar are as follows.

questions d'entretien pour le développeur .net

• Progress-success
• Progress-info
• Progress-warning
• Progress-danger

Q # 14) What are responsive utility classes in Bootstrap?

Answer: Responsive utility classes in bootstrap are a set of classes that are used to conceal or exhibit the HTML elements based on screen resolution that discerns by media query in bootstrap.

Example: “hidden-md-down”, It hides

Q # 15) What are the different button styles in Bootstrap?

Answer: In bootstrap, there are seven styles which we can use with the bootstrap button.

• .btn-default.
• .btn-primary
• .btn-success
• .btn-info
• .btn-warning.
• .btn-danger.
• .btn-link.

Q # 16) What are Bootstrap alerts?

Answer: This is used to create presume alert messages, which adds style to the messages to look more noticeable to the user.

There are four classes in alerts : .alert-success, .alert-info, .alert-warning, .alert-danger.

Q # 17) Define Bootstrap thumbnails.

Answer: It is a way to use the layout images, videos, text, etc. in a grid system. We can create thumbnails by adding a tag with the class .thumbnails around the image.

This will add four pixels of padding and a grey border.

logiciel sql gratuit pour windows 10

Q # 18) Explain Modal plugin in Bootstrap.

Answer: A model is an inherited window that is layered over its parent window. This is used to augment the user experience and adds different functionalities to the users. Model windows are created with the help of the modal plugin.

Q # 19) Which class is used for pagination in Bootstrap?

Answer: To add pagination on the webpage we have to use the class .pagination .

Q # 20) Explain what is Bootstrap collapsing elements.

Answer: It allows you to collapse any particular element without using any JavaScript code.

To use this feature in bootstrap you have to add data-toggle=” collapse” to the controller element along with a data target to automatically assign the control of a collapsible element. We can use this by writing .collapse(options) etc.

Q # 21) What is Bootstrap Well?

Answer: Bootstrap well is a form of container which thrives or makes the content look recessed on the web page. It also wraps the content by using .well class.

Q # 22) Explain the uses of the carousel plugin in Bootstrap.

Answer: Carousel plugin in bootstrap is used to make sliders in the web pages or your site. There are several carousel plugins that are used in bootstrap to display large contents within a small space by adding sliders.

Example: .carousel(options), .carousel(‘pause’), .carousel(cycle’), .carousel(‘prev’), .carousel(‘next’) .

Q # 23) What will be the output of the below code and why?

Répondre: Si nous plaçons plusieurs barres avec le même .le progrès élément parent, Bootstrap les empilera dans une seule barre de progression. Comme nous le savons, dans le bootstrap, la somme de la barre de progression est de 100%. Ainsi, la barre de progression donnera le résultat en pleine largeur et entièrement rempli.

Q # 24) Comment pouvons-nous personnaliser les liens de pagination dans Bootstrap?

Répondre: Nous pouvons personnaliser les liens en utilisant .désactivée pour les liens non cliquables et .actif pour indiquer la page en cours.

Q # 25) Expliquez le groupe d'entrée dans Bootstrap.

Répondre: Le groupe d'entrée dans bootstrap est sorti des contrôles. En utilisant un groupe d'entrée, nous pouvons facilement ajouter du texte ou un bouton ajouté et ajouté aux entrées textuelles.

Nous pouvons ajouter et ajouter des éléments à un .form-control en prenant tous les éléments d'un sous une classe .input-group. Après cela, placez votre contenu supplémentaire dans undans le même en utilisant la classe .input-group-addon après cela, vous pouvez placer leélément avant ou après l'élément d'entrée.

Q # 26) Écrivez les façons de créer un menu de navigation à onglets dans Bootstrap.

Répondre: Nous pouvons créer une navigation par onglets en créant une liste de base non ordonnée avec la classe de base de .ne sont pas et après cela, nous pouvons ajouter une classe .nav-tabs .

Q # 27) Dans Bootstrap, comment créer un menu de navigation pour les pilules?

Répondre: Le menu de navigation des pilules dans bootstrap est créé en créant d'abord une liste non ordonnée avec la classe de base de .ne sont pas et après cela, ajoutez la classe .nav-pilules .

Q # 28) Comment fonctionne la barre de navigation dans Bootstrap?

Répondre: En bootstrap, la barre de navigation est une fonctionnalité éminente pour créer un méta-composant réactif qui fonctionne comme en-têtes de navigation pour votre application et votre site. Dans la vue mobile, la barre de navigation se réduit et devient horizontale à mesure que la largeur de la fenêtre disponible augmente.

Q # 29) Comment pouvons-nous créer une barre de navigation dans Bootstrap?

Répondre: Pour créer une barre de navigation dans un bootstrap dans un premier temps, nous devons ajouter les classes .navbar , .navbar-default à l'étiquette. Après cela, nous devons ajouter le role = 'navigation' à l'élément ci-dessus, ce qui contribuera à l'inaccessibilité.

Nous avons ajouté une classe d'en-tête .nav-en-tête à l'élément, qui comprendra un élément avec une marque de barre de navigation de classe. À partir de là, nous obtiendrons un texte de plus grande taille.

quel est le meilleur antivirus avec VPN

Répondre: Les panneaux sont des composants qui sont utilisés lorsque vous souhaitez mettre votre composant DOM dans une boîte. Donc, pour récupérer un panneau de base, nous devons simplement ajouter class.panel à l'élément. Nous pouvons également ajouter class.panel-default à cet élément.

Q # 38) Comment allez-vous créer un panneau Bootstrap avec l'en-tête?

Répondre: Il existe deux façons d'ajouter un en-tête de panneau.

Tout d'abord, nous pouvons utiliser directement le .panel-head classe pour ajouter des conteneurs d'en-tête dans un panneau et la deuxième méthode consiste à utiliser n'importe quelle balise d'en-tête comme

à

avec un .panel-title classe pour donner plus de styles sur l'en-tête.

Q # 39) Qu'est-ce qu'un plugin scrollspy dans Bootstrap?

Répondre: Il s'agit d'un plugin de navigation à mise à jour automatique qui permet de récupérer une section de la page en fonction de la position de défilement. Cela peut être fait par la classe .active à la position de défilement basée sur la barre de navigation.

Q # 40) Quel est le travail du plugin affixe dans Bootstrap?

Répondre: Ce plugin permet à un d'être attaché à un emplacement sur la page.

L'utilisation de l'icône sociale dans une page est un exemple pour cela dans lequel nous voyons que les icônes commenceront à un emplacement, mais lorsque la page frappe sur une certaine marque, elle bloquera le sur place et arrêtera le défilement pour le reste de la page.

Q # 41) Quel est le système de grille dans Bootstrap?

Répondre: En utilisant le système de grille, nous pouvons créer jusqu'à 12 colonnes sur une page. Il existe différentes classes qui ont été définies à cet effet à des fins d'interface utilisateur.

Q # 42) Que sont les classes Grid dans le Bootstrap?

Répondre: Il existe quatre classes de grille dans Bootstrap.

Elles sont:

• xs (Il est utilisé pour les écrans de téléphone de moins de 786 pixels de large).
• sm (Il est utilisé pour les écrans de tablette dont la largeur est supérieure à 786 px).
• Maryland (C'est pour un petit écran d'ordinateur portable d'une taille égale ou supérieure à 992px de large).
• LG (C'est pour les écrans d'ordinateur portable et de bureau qui sont égaux à plus de 1200 px de large).

Q # 43) Quels sont les styles globaux utilisés dans la typographie par défaut Bootstrap?

Répondre: Dans Bootstrap, la taille de police par défaut globale est de 14 px et la hauteur de ligne est de 1,428. Les changements de police par défaut pour Helvetica et Arial sont avec une solution de secours sans empattement et tous ces styles sont applicables à la fois au corps et à tous les paragraphes.

Q # 44) Quelle sera la sortie du code ci-dessous?

.col-xs-12 .col-md-3

Répondre: La sortie de ceci donnera les grilles pour les appareils très petits comme nous pouvons le voir dans l'extrait col-xs-12 qui a été utilisé et il donnera également les grilles pour les appareils de bureau et au-dessus comme la classe col-md-3 a été utilisé.

Q # 45) De quelles dépendances Bootstrap a-t-il besoin pour fonctionner correctement?

Répondre: jQuery est la seule dépendance dont bootstrap a besoin pour fonctionner correctement et ce n'est que pour les plugins JavaScript dans bootstrap.

Q # 46) Expliquez ce que fera le code ci-dessous?

Home 36

Répondre: Ce code produira un lien avec un badge en ligne qui donnera une notification importante à l'utilisateur comme le numéro reçu, le message reçu ou le nombre de demandes, etc.

Q # 47) Quels sont les deux codes utilisés pour l'affichage du code dans Bootstrap?

Répondre: Les codes sont tag and tag.

Q # 48) What is the difference between Bootstrap and Foundation?

Answer: Bootstrap uses very fewer preprocessors as it supports less and it allows the designing and development for both mobile and desktop. On the other hand, Foundation supports sass processors and it is used only for mobile UI designing.

Q # 49) What are Glyphicons in Bootstrap?

Answer: By this, we can use the icon simply anywhere in your code.

Q # 50) Qu'est-ce qu'un plugin de transition dans Bootstrap?

Répondre: Il fournit des effets de transition simples comme le glissement ou le fondu dans les modaux.

Q # 51) Expliquez le concept de création d'un formulaire vertical ou basique dans Bootstrap.

Répondre: Pour cela, nous devons d'abord ajouter un formulaire de rôle à l'élément parent, puis nous devons envelopper les étiquettes et les contrôles dans un avec class.form-group, puis nous devons ajouter une classe de .form-control à toutes les URL de texte et éléments .

Conclusion

Ces questions et réponses d'entrevue vous aideront à résoudre n'importe quel entretien Bootstrap pour un niveau plus frais et expérimenté. Et ce sont les questions les plus fréquemment posées lors des entretiens.

Je suis sûr que cet article vous aurait aidé à comprendre les bases et le niveau avancé de Bootstrap.

Nous vous souhaitons le meilleur pour votre entretien !!

lecture recommandée

• Questions et réponses d'entrevue
• Questions et réponses d'entrevue de test ETL
• Top 50 des questions et réponses d'entretiens CCNA les plus populaires
• 50 principales questions et réponses d'entretien PHP (pour TOUS)
• Top 50+ questions et réponses d'entrevue de base de données
• Quelques questions et réponses difficiles sur les tests manuels
• 25 meilleures questions et réponses d'entrevue de test Agile
• Questions d'entrevue Spock avec réponses (les plus populaires)