twitter-bootstrap嵌入式响应并不总是有效

时间:2016-08-18 10:38:29

标签: html css twitter-bootstrap

我使用bootstrap的嵌入式响应将youtube视频嵌入到页面中。当我调整浏览器大小以填充屏幕的左半部分时,视频会正确调整大小,但是当我调整浏览器大小以填充屏幕的右半部分或上半部分视频不会调整大小并重叠其他内容时...想法如何解决这个/为什么会发生这种情况?

我的代码:

我正在尝试使用bootstrap的responsive-embed来嵌入YouTube视频但由于某种原因它根本没有显示在页面上。我知道它在页面上,因为我正在使用一个读取它的屏幕阅读器,我可以播放它并听到声音,但在视觉上它根本不显示。 知道我做错了吗?

我的代码:

 

调整大小的页面的屏幕截图:

https://www.sendspace.com/filegroup/8N0y4wQ5CwHATxM25UavWLvhrs7%2By5Wv

1 个答案:

答案 0 :(得分:0)

结果我只需要从iframe中删除embed-responsive-item和col-md-4