css – 何时使用Bootstrap类属性值“.embed-responsive-item”？

2019年7月20日 478次阅读

希望你能提供帮助.我不明白下面的代码片段中的“.embed-responsive-item”类是什么(引导iframe,视频等响应的Bootstrap代码)实际上是好的,因为它无论如何都应用于iframe元素,甚至如果你保留class属性值：

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

这实际上几乎是相同的(至少从我的理解中)：

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

为什么然后首先使用它？

资料来源：http://getbootstrap.com/components/#responsive-embed

“optionally use an explicit descendant class .embed-responsive-item when you want to match the styling for other attributes.”

这句话究竟是什么意思？你能提供一个例子吗？

最佳答案 正如你已经发现的那样,没有任何意义.正如文档中所述,并且通过查看responsive-embed.less来支持,.embed-responsive-item产生与单独的iframe元素完全相同的样式.

如果您正在使用某些东西来生成内容,该内容坚持注入另一层标记(例如,在父< div’eded-responsive’>和< iframe />之间的包装< div />),那么这个类可能对确保预期的宽高比有所帮助.

点赞