Top 25 des questions et réponses de l'entretien Bootstrap (2024)

Voici les questions et réponses de l'entretien Bootstrap pour les débutants ainsi que les candidats expérimentés en développement frontal pour obtenir l'emploi de leurs rêves.


1) Expliquez qu'est-ce que Bootstrap ?

Bootstrap est un framework HTML, CSS et JS permettant de créer des applications Web riches avec un minimum d'effort. Ce cadre met davantage l'accent sur la création d'applications Web mobiles.

Téléchargement PDF gratuit : Questions et réponses d'entretien Bootstrap


2) Expliquez pourquoi choisir Bootstrap pour créer les sites Web ?

Il y a peu de raisons pour lesquelles nous choisissons Bootstrap pour créer des sites Web

  • Soutien Mobile: Pour les appareils mobiles, il fournit une prise en charge complète dans un seul fichier plutôt que dans un fichier séparé. Il prend en charge la conception réactive, y compris l'ajustement de la CSS en fonction des différents types d'appareils, de la taille de l'écran, etc. Cela réduit les efforts supplémentaires pour les développeurs.
  • Facile à apprendre: Écrire une application dans bootstrap est facile si vous connaissez CSS et HTML
  • Prise en charge du navigateur: Il prend en charge tous les navigateurs populaires tels que Firefox, Opera, Safari, IE, etc.

3) Quels sont les composants clés de Bootstrap ?

Les composants clés de Bootstrap sont

  • CSS: Il est livré avec de nombreux fichiers CSS
  • Echafaudage : Il fournit une structure de base avec un système de grille, des styles de liens et un arrière-plan
  • Composants de mise en page : Liste des composants de mise en page
  • Plugin Javascript : Il contient de nombreux jQuery et plug-ins JavaScript
  • Personnaliser : Pour obtenir votre propre version de framework, vous pouvez personnaliser vos composants

4) Expliquez ce que sont les chargeurs de classe dans Bootstrap ?

Le chargeur de classe fait partie de JRE (Java Runtime Environment) qui charge les classes Java dans l'environnement virtuel Java. Les chargeurs de classe effectuent également le processus de conversion d'une classe nommée en sa forme binaire équivalente.


5) Quels sont les types de mise en page disponibles dans Bootstrap ?

Dans Bootstrap, deux types de mise en page sont disponibles

  • Mise en page fluide : La mise en page fluide est utilisée lorsque vous souhaitez créer une application de 100 % de largeur et utiliser toute la largeur de l'écran
  • Disposition fixe : Pour un écran standard, vous utiliserez l'option de mise en page fixe (940 px)
Questions d'entretien chez Bootstrap
Questions d'entretien chez Bootstrap

6) Expliquez ce qu'est le système de grille Bootstrap ?

Pour créer une mise en page à travers une série de lignes et de colonnes qui hébergent votre contenu, Bootstrap Grid System est utilisé.


7) Que sont les colonnes offset dans Bootstrap ?

Pour les mises en page plus spécialisées, les décalages sont une fonctionnalité utile. Pour plus d'espacement, ils peuvent être utilisés en poussant la colonne dessus.

Par exemple, .col-xs=* classes ne prennent pas en charge le décalage mais ils sont facilement répliqués à l'aide d'une cellule vide


8) Qu'est-ce que l'ordre des colonnes dans Bootstrap ?

L'ordre des colonnes est l'une des fonctionnalités disponibles dans bootstrap et vous pouvez facilement écrire des colonnes dans un ordre et les afficher dans un autre. Avec .col-md-push-* et .col-md-pull-*

l'ordre de la colonne peut être facilement modifié.

Questions et réponses de l'entrevue Bootstrap
Questions et réponses de l'entrevue Bootstrap

9) Quelle fonction pouvez-vous utiliser pour envelopper le contenu d'une page ?

Pour envelopper le contenu d'une page, vous pouvez utiliser .récipient et en utilisant cela, vous pouvez également centrer le contenu.


10) Expliquez ce qu'est la pagination dans bootstrap et comment elles sont classées ?

La pagination est la gestion d'une liste non ordonnée par bootstrap. Pour gérer la pagination, bootstrap fournit les classes suivantes

  • .pagination: Pour obtenir la pagination sur votre page, vous devez ajouter cette classe
  • .désactivé, .actif : Personnalisez les liens par .disabled pour les liens non cliquables et .active pour indiquer la page en cours
  • .pagination-Ig, .pagination-sm : Utilisez ces classes pour obtenir un article de taille différente

11) A quoi sert Jumbotron dans Bootstrap ?

Dans bootstrap, Jumbotron est généralement utilisé pour le contenu que vous souhaitez mettre en évidence, comme un slogan ou un titre marketing, etc. En d'autres termes, il est utilisé pour agrandir la taille des en-têtes et pour ajouter une marge pour le contenu de la page de destination.

Pour utiliser le Jumbotron dans Bootstrap

  • Créer un conteneur <div> avec la classe de .jumbotron

12) Quelle est la différence entre Bootstrap et Foundation ?

Bootstrap Fondation
- Bootstrap offre un nombre illimité d'éléments d'interface utilisateur – Dans Foundation UI, les options d'éléments sont très limitées en nombre
– Bootstraps utilise des pixels – Les fondations utilisent les REM
- Bootstrap encourage à concevoir à la fois pour le bureau et le mobile. – La Fondation encourage à concevoir d'abord le mobile
– Bootstrap prend en charge LESS comme préprocesseur – Soutien de la Fondation Toupet et Compass comme préprocesseur

 


13) Dans Bootstrap, quelles sont les deux manières d'afficher le code ?

Dans bootstrap, vous pouvez afficher le code de deux manières

  • tag : Si vous allez afficher le code en ligne, vous devez utiliser tag
  • étiqueter: Si vous souhaitez afficher le code en tant qu'élément de bloc autonome ou s'il comporte plusieurs lignes, vous devez utiliser étiqueter

14) Expliquez quelles sont les étapes pour créer des formulaires de base ou verticaux ?

Les étapes de création de formulaires de base ou verticaux sont

  • Ajouter un rôle formulaire au parent élément
  • Enveloppez les étiquettes et les contrôles dans un avec classe .form-groupe. Pour obtenir un espacement optimal, cela est nécessaire
  • Ajouter une classe de .form-contrôle à toutes les textures , , et <select> éléments

15) Expliquez à quoi sert le plugin Modal dans Bootstrap ?

Un modal est une fenêtre enfant superposée à sa fenêtre parent. À l'aide d'un plugin Jquery personnalisé, Bootstrap Modal est créé. Pour enrichir l'expérience utilisateur et ajouter des fonctionnalités aux utilisateurs, des fenêtres modales sont créées à l'aide du plugin Modal.


16) Expliquez ce qu'est Bootstrap Container ?

Le conteneur Bootstrap est une classe qui est utile et crée une zone centrée dans la page où le contenu de notre site peut être placé. L'avantage du bootstrap .container est qu'il est réactif et placera tous nos autres codes HTML.


17) Expliquez ce que Bootstrap effondre les éléments?

Les éléments de repli Bootstrap vous permettent de replier n'importe quel élément particulier sans écrire de code JavaScript ni de balisage d'accordéon. Dans Bootstrap, pour appliquer des éléments qui s'effondrent, vous devez ajouter data-toggle= "collapse" à l'élément de contrôleur avec une cible de données ou un href pour attribuer automatiquement le contrôle d'un élément pouvant s'effondrer. De même, vous pouvez utiliser .collapse (options), .collapse ('afficher') ou .collapse ('cacher')


18) Expliquez ce qu'est le groupe de listes dans Bootstrap et à quoi cela sert-il ?

Les groupes de listes sont des composants permettant d'afficher à la fois des éléments simples et complexes avec un contenu personnalisé

Par exemple, un groupe de liste simple est créé à l'aide de la classe .list-groupe pour adresser la liste et la classe .list-group-item pour adresser un élément individuel.


19) Comment ajouter un badge à un groupe de listes dans Bootstrap ?

Pour ajouter un badge au groupe de liste dans Bootstrap, vous devez simplement ajouter au sein de la élément.


20) Expliquez ce qu'est un objet multimédia dans Bootstrap et quels sont leurs types ?

Les objets multimédias dans Bootstrap permettent de placer des objets multimédias tels que l'image, la vidéo ou l'audio à gauche ou à droite des blocs de contenu. L'élément multimédia peut être créé à l'aide de la classe .médias et la source est spécifiée en utilisant la classe .media-objet. Les objets médias sont de deux types,

Ils sont de deux types

  • .médias
  • .media-liste

21) Expliquez bien ce qu'est Bootstrap ?

Bootstrap bien est un conteneur qui fait apparaître le contenu enfoncé ou un effet d'encart sur la page. Pour créer un puits, enveloppez le contenu que vous souhaitez voir apparaître dans le puits avec un contenant la classe de .well.

 


22) Expliquez comment vous pouvez créer des éléments Nav dans Bootstrap ?

Bootstrap offre diverses options pour styliser les éléments de navigation, tous utilisent le même balisage et la même classe de base .nav.

Pour créer une navigation tabulaire ou des onglets

  • Commencez avec une liste non ordonnée de base avec la classe de base de .nav
  • Ajoutez ensuite la classe .nav-onglets

23) Expliquez à quoi sert le plugin Bootstrap Carousel ?

Le plugin Carousel est utilisé pour ajouter un slider à votre site. Il est utile lorsque vous souhaitez afficher une grande quantité de contenu dans un petit espace sur les pages Web. Certains des carrousels standard comprennent

  • .carrousel (options)
  • .carrousel ('cycle')
  • .carrousel ('pause')
  • .carrousel ('nombre')
  • .carrousel ('préc')
  • .carrousel ('suivant')

Ces questions d'entretien vous aideront également dans votre soutenance

Partager

14 Commentaires

  1. Avatar Reddu Reddy dit:

    ERREUR TCPDF : Veuillez définir explicitement le chemin de l'attribut d'action !

    Impossible de télécharger le PDF

    1. Malheureusement, PDF ne fonctionnera pas sur cet article

  2. Avatar Sateesh Murapaka dit:

    Bootstrap n'est pas seulement un framework JS. C'est comme une définition "Bootstrap est le framework HTML, CSS et JS le plus populaire pour développer des premiers projets réactifs et mobiles sur le Web." Corrigez cela, s'il-vous-plaît.

    1. Vous avez raison! Changements effectués

  3. oui pls changer la première ligne ce n'est pas le framework js

  4. Avatar Smarts Technologies.com dit:

    questions d'entretien très intéressantes

  5. Avatar Tanmay Das dit:

    corriger la première question. Bootstrap n'est pas un framework commun, c'est un framework HTML, CSS et JS et est également utilisé pour créer une conception et une mise en page réactives.

  6. Avatar shobhit kumar dit:

    4) Expliquez ce que sont les chargeurs de classe dans Bootstrap ?
    Le concept des chargeurs de classe n'est pas lié au démarrage de Twitter, car il s'agit d'un environnement côté client.
    Je crois que cela fait partie de l'environnement Java

  7. Avatar banerjee sandeep dit:

    C'était vraiment une bonne information étant donné que l'alimentation donnera un bon début pour les débutants.

Soyez sympa! Laissez un commentaire

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *