嵌入
通过创建可在任何设备上缩放的内在比率,根据父对象的宽度创建自适应视频或幻灯片嵌入。
关于
规则直接应用于 <iframe>,<embed>,<video> ,和 <object> 元素; （可选）使用显式后代类 .embed-responsive-item 当您想与其他属性的样式匹配时。
专家提示！ 您不需要包括 frameborder="0" 在你的 <iframe> ,因为我们会为您覆盖。
例
包装任何嵌入的 <iframe> 在一个父元素中 .embed-responsive 和长宽比。 The .embed-responsive-item 并非严格要求,但我们鼓励这样做。
<div class="embed-responsive embed-responsive-16by9">
<iframe allowfullscreen="" class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"></iframe>
</div>长宽比
可以使用修饰符类自定义长宽比。 默认情况下,提供以下比率类：
内 _variables.scss ,您可以更改要使用的宽高比。 这是一个例子 $embed-responsive-aspect-ratios 列表：
