Responsive Embed Bootstrap

Tutoriel Bootstrap

Découvez les bases du plus célébre des frameworks CSS.

Le composant Responsive Embed de Bootstrap permet d'adapter les balises iframe, embed, video et object à la taille du contenu.

Vous n'avez pas besoin d'ajouter frameborder="0" dans la balise iframe .

    
<!-- 16:9 aspect ratio -->

<div class="embed-responsive embed-responsive-16by9">

  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/HQmmM_qwG4k?list=PLWRhxvQASiJ4tX7B3fK2cDU9FnHjWp1Ih"></iframe>

</div>



<!-- 4:3 aspect ratio -->

<div class="embed-responsive embed-responsive-4by3">

  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/HQmmM_qwG4k?list=PLWRhxvQASiJ4tX7B3fK2cDU9FnHjWp1Ih"></iframe>

</div>

Exemple en 16:9

Exemple en 4:3