希望你能帮上忙。我不明白下面代码片段中的 ".embed-responsive-item" 类到底有什么用处(用于使 iframe、视频等响应的引导代码)实际上有什么好处,因为它无论如何都应用于 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



这句话的实际含义是什么?你能举个例子吗?

最佳答案

正如你已经发现的那样,没有任何意义。如文档中所述,并通过查看 responsive-embed.less 进行备份, .embed-responsive-item 产生与单独的裸 iframe 元素完全相同的样式。

如果您正在使用某些东西来生成坚持注入(inject)另一层标记的内容(例如,在父 <div/><div 'embed-responsive'> 之间包装 <iframe/> ),那么该类可能被证明有助于确保预期的宽度/高度比得到遵守。

关于css - 何时使用 Bootstrap 类属性值 ".embed-responsive-item"?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40332537/

10-09 22:08