Embeds
Responsive Embeds
Code
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube.com/embed/qtQgbdmIO30" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>Aspect Ratio Based Display Modes
1:1-embed-1by14:3-embed-4by316:9-embed-16by921:9-embed-21by9
Code
Apply the class embed-{ASPECT-RATIO} where {ASPECT-RATIO} is 1by1, 4by3, 16by9, 21by9.
<div class="embed-16by9">
<iframe src="https://www.youtube.com/embed/qtQgbdmIO30" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="embed-4by3">
<iframe src="https://www.youtube.com/embed/qtQgbdmIO30" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>