Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.
Rules are directly applied to
<object> elements; optionally use an explicit descendant class
.embed-responsive-item when you want to match the styling for other attributes.
Wrap any embed like an iframe in a parent element with .embed-responsive and an aspect ratio. The .embed-responsive-item isn’t strictly required, but we encourage it.
Aspect ratios can be customized with modifier classes.