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

标签 html css twitter-bootstrap

我使用 bootstrap 的嵌入响应将 YouTube 视频嵌入到页面中。当我调整浏览器大小时以填充屏幕的左半部分时,视频会正确调整大小,但是当我调整浏览器大小时以填充屏幕的右半部分或上半部分时,视频不会调整大小并与其他内容重叠......任何知道如何解决这个问题/为什么会这样?

我的代码:

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

我的代码:

调整后的页面截图:

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

最佳答案

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

关于html - twitter-bootstrap 嵌入响应并不总是有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39016051/

相关文章:

html - 将 <button> 的显示设置为表格单元格

html - Bootstrap 多级导航栏 - 如何防止内容折叠

html - 无法将标题对齐到左侧

javascript - 无法将红色过渡到白色背景墙纸

jquery - mixitup 和 bootstrap .active 类冲突

html - 无法将我的 html 编辑为 wordpress 上的 wordpress 主题

html - 移动设备上的内联 Bootstrap 按钮

html - 无法将 div 定位在另一个 div 的底部

html - Bootstrap 响应式多行文本叠加

javascript - 如何使列表响应的html表格?