html - 将内容保留在 Twitter Bootstrap 面板中

Question

我无法保留 <object> (Twitch.tv 视频)在 Bootstrap 面板中。我不能只设置“宽度”，因为如果调整屏幕大小，这会改变，我更愿意保持内容像面板一样响应。

我也没有运气使用 position任何一个。它会破坏布局。

这是一个 JSFiddle Example

请注意，您必须确保 View 被拉长才能看到我的 col 问题。 s 的大小为 sm .

这是一张图片，显示了嵌入对象在面板外的传播。

感谢任何帮助!

我也曾尝试寻找使该对象不显示为宽屏的方法，但没有找到任何结果。

Answer 1

将此 CSS 属性添加到您的对象。它将适合它的父容器:

object {
    max-width: 100%;
}