Maîtriser les vidéos et les cartes réactives avec les classes intégrées de Bootstraps / Blogs / Perficient
Dans Bootstrap, les classes embed-responsive et embed-responsive-item créent des intégrations réactives pour les vidéos, les cartes ou tout autre contenu intégré. Ces classes garantissent que le contenu intégré évolue correctement et conserve ses proportions sur différentes tailles d’écran. Explorons comment utiliser ces classes pour des intégrations réactives.
Intégration de vidéo réactive
Bootstrap fournit un moyen simple et efficace d’intégrer des vidéos réactives à l’aide du réactif à l’intégration et élément-responsive-intégré Des classes. Voici un exemple avec une vidéo YouTube intégrée :
Sortir:
Avant d’utiliser les classes embed : 
Après avoir utilisé les classes embarquées :
Dans cet exemple :
- Dans ce scénario, le réactif à l’intégration La classe crée un wrapper réactif avec un rapport hauteur/largeur fixe (16:9). Cela garantit que le contenu s’adapte de manière appropriée à différentes tailles d’écran.
- Le élément-responsive-intégré la classe est appliquée au