Twitter bootstrap 使用引导自动调整iframe（youtube视频）的大小

我希望建立一个这样的网站。但是，我编写的代码不适用于iframe

项目名称
研究所
XXX大学
时间
2016年XXX-2016年XXX
组员
名称1
名称1
名称1
介绍
介绍

使用

位置：绝对

和

宽度：100%

在iframe的样式中，可以使其使用引导元素的全宽度。根据您的喜好设置

height

style属性

项目名称
研究所
XXX大学
时间
2016年XXX-2016年XXX
组员
名称1
名称1
名称1
介绍
介绍

使用

位置：绝对

和

宽度：100%

在iframe的样式中，可以使其使用引导元素的全宽度。根据您的喜好设置

height

style属性

项目名称
研究所
XXX大学
时间
2016年XXX-2016年XXX
组员
名称1
名称1
名称1
介绍
介绍

请参阅引导程序，如是（如果您使用的是引导程序4）：

引导3

---

还有一件事，你使用的引导列是错误的。当您执行

col col-lg-4 col-md-4 col-sm-12 col-xs-12

时，不必将其指定给所有版本，只需将其更改为次要版本和较低版本，即

col col-md-4

（默认情况下，移动设备上的所有列都是

col-xs-12

，使用

col-md-4

后，它也将用于

lg

。

参见引导程序，如是（如果使用引导程序4）：

引导3

---

还有一件事，您使用的引导列是错误的。当您使用

col-col-lg-4 col-md-4 col-sm-12 col-xs-12

时，您不必将其指定给所有版本，只需将其更改为次要版本和较低版本，即

col-md-4

（默认情况下，手机上的所有列都是

col-xs-12

，使用

col-md-4

后，它也会将其用于

lg

）

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8"></iframe>
</div>