Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.
About
Rules are directly applied to <iframe>, <embed>, <video>, and <object>elements; optionally use an explicit descendant class .embed-responsive-itemwhen you want to match the styling for other attributes.
Pro tip! You don't need to include frameborder="0"in yours <iframe>as we override that for you.
example
Wrap any embed like an <iframe>in a parent element with .embed-responsiveand an aspect ratio. The .embed-responsive-itemisn't strictly required, but we encourage it.
Aspect ratios
Aspect ratios can be customized with modifier classes.