Css 何时使用引导类属性值";。嵌入响应项“;?

Css 何时使用引导类属性值";。嵌入响应项“;?,css,twitter-bootstrap,iframe,twitter-bootstrap-3,Css,Twitter Bootstrap,Iframe,Twitter Bootstrap 3,希望你能帮忙。我不明白下面代码段中的类“”.embed responsive item“(使iframe、视频等具有响应性的引导代码)究竟有什么好处,因为它无论如何都会应用于iframe元素,即使您忽略了class属性值: <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="..."></iframe> </div

希望你能帮忙。我不明白下面代码段中的类“”.embed responsive item“(使iframe、视频等具有响应性的引导代码)究竟有什么好处,因为它无论如何都会应用于iframe元素,即使您忽略了class属性值:

<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>

这实际上与(至少从我的理解来看)差不多:


那么为什么要首先使用它呢

资料来源:

“可以选择使用显式子类。如果要匹配其他属性的样式,请嵌入响应项。”


这句话到底是什么意思?你能举个例子吗?

正如你已经发现的,没有任何意义。如文档中所述,并通过查看
响应嵌入.less
进行备份,
嵌入响应项
仅产生与裸
iframe
元素完全相同的样式

如果您可能正在使用某些内容来生成坚持要注入另一层标记的内容(例如,在父级
之间插入一个包装
),那么该类可能有助于确保实现预期的宽高比

<div class="embed-responsive embed-responsive-16by9">
<iframe src="..."></iframe>
</div>