在Twitter Bootstrap Panel中保留内容

Question

我无法在引导程序面板中保留<object>（Twitch.tv视频）。我不能只设置一个“宽度”，因为如果屏幕调整大小会改变，我宁愿保持内容的响应，就像面板一样。

我也没有使用position的运气。它会抛弃布局。

这是 JSFiddle Example

请注意，由于我的col的大小为sm，因此您必须确保View已展开以查看问题。

这是一张图像，显示嵌入对象在面板外部传播。

任何帮助表示赞赏！

我也尝试过寻找使这个对象不显示宽屏的方法，但没有出现任何问题。

Answer 1

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

object {
    max-width: 100%;
}

Answer 2

尝试使用Responsive Embed classes。例如：

<div class="embed-responsive embed-responsive-4by3">
    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>