Bootstrap 4 Responsive Embed
Responsively scale videos and other media to their containing block.
Bootstrap's responsive embed component provides an easy way to scale videos and slide shows to their containing block.
To apply the responsive embed component to one of these elements, wrap the element within a
<div> element with the
.embed-responsive class, along with an intrinsic ratio class (eg,
No need to use
frameborder="0" on the
<iframe> tag, as Bootstrap overrides that.