• 12 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 24/08/2020

Créez des fonctionnalités et des thèmes personnalisés

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Compétences évaluées

  • Créer des fonctionnalités et des thèmes personnalisés
  • Question 1

    Que se passe-t-il après modification de la valeur des options Sass   $enable-rounded  et  $enable-shadow  par false sur le fichier  _variables.scss  ?

    • Le style graphique des boutons ne propose plus de coins arrondis ni d’ombrage

    • L’intégralité des composants qui utilisent des coins arrondis ou un ombrage n’en possèdent plus

    • L’intégralité des composants proposent un style graphique avec des coins arrondis et/ou un ombrage

    • Aucun événement graphique n’intervient au niveau des composants Bootstrap

  • Question 2

     Que se passe-t-il si vous appliquez une marge négative  my-n3  à un composant card ?

    • Le composant card a réduit sa marge interne verticale de 1 rem

    • Le composant card a réduit ses marges externes verticale et horizontale de 1 rem

    • Le composant card a réduit sa marge externe verticale de 1 rem

    • Le composant card a réduit sa marge externe verticale de 3 rem

  • Question 3

    Utilisez l’inspecteur de code de votre navigateur pour observer ce qu’il se passe lorsque l’utilisateur clique sur le bouton ci-dessous.

    Aidez-vous du fichier HTML disponible dans le dossier GitHub du cours. 

    À partir du code ci-dessous, quels attributs et classes changent après le clic utilisateur ?

    <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false">Bouton</button>
    • Les classes  .active  et  .focus

    • La classe  .focus

    • Les classes  .active  et  .focus  ; et l’attribut  pressed  passe sur “true”

    • Les classes  .active  et  .focus  ; et l’attribut pressed passe sur “false”