Css 引导将跨列扩展到相同高度

我有一行，其中有一个嵌入的对象（span9）和一个嵌入的iframe（span3）

我设法得到的视频能够响应不同的屏幕大小，但iframe保持固定大小，甚至与旁边嵌入对象的高度不匹配

以下是我目前掌握的代码：

  <div class="row-fluid">
<!--Video-->
<div class="span9">
   <div class="flex-video widescreen">
     <object type="application/x-shockwave-flash" height="100%" width="100%" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=theabraxas" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=theabraxas&auto_play=true&start_volume=25" /></object>


   </div>
</div> 
<!--Chat-->

（查看更多信息后，编辑8/12我发现JSFIDLE似乎在这类问题上被大量使用，以下是我对这一行的看法：任何建议都将不胜感激）

我不是一个很会网页/设计的人（更不用说任何东西的编码了），所以我不会复制其他一些CSS，等等，我已经尝试过了，但是任何建议都将不胜感激

谢谢大家!

---

编辑：你可以在我的测试网站上找到这个的实时版本，这样你就可以看到我在说什么：

在不知道你到底在找什么的情况下，我有一些东西你可以试试：

删除父级（

）

溢出：隐藏

样式，或将其更改为

溢出：可见

。这将防止父级隐藏额外的内容。然后可以将iframe的高度更改为您认为合适的任何高度

删除父级的

高度：0

样式，并删除iframe的

位置：绝对

样式。同样，您可以将iframe的高度更改为您想要的任何高度

将父对象的高度更改为与iframe的高度相同的值

---

其中任何一个都应该可以工作，但它们都需要访问父元素，因此我希望您能够控制：）

对于来自您不控制的站点的iFrame，您可以做的不多。您可能需要访问提供嵌入服务的站点，看看是否有人有解决方案。你可以试试

span9

和

row fluid

都来自Bootstrap v2，但你的问题被标记为Bootstrap v3？哦，天哪，@cvrebert你完全正确-我刚才还以为我是Bootstrap 3（同样，100%的新手，大约3天）很抱歉，我将尝试更新标记。感谢您的帖子，但是问题不是在iframe上指定高度-如果我以像素或其他固定度量值指定高度，它将缩放到该高度。我试图实现的是iframe垂直延伸到与嵌入到其左侧的视频相同的长度。我不确定这是否有帮助？拥有100%的高度只会使其保持在150px。此外，我将代码复制到这个jsfiddle中，以便您可以准确地看到错误发生的位置？在当前的设置中，尝试通过添加“position:absolute”和删除“width:100%”来更改“bigscreenChat”类，我添加了这一点，它确实使聊天响应迅速，但是它超越了视频聊天？有什么想法吗？下面是一个包含更新信息的JSFIDLE。当然，iframe设置为100%高度；在这种情况下，它表示高度的100%。通过为引用元素指定

位置：相对
样式，将其更改为
元素。
    .flex-video { position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}