Bootstrap行的高度取决于第一列

时间:2015-09-08 14:03:32

标签: html css twitter-bootstrap

我需要为youtube视频制作包装器,其中包含2个cols:

  • 视频块
  • 可滚动列表块,如播放列表

enter image description here

因此,列表块的高度取决于视频的高度(响应速度)。我怎么能这样做? 感谢。

1 个答案:

答案 0 :(得分:1)

我无法想出一个简单的方法来调整列表的大小。每当加载视频时,您需要使用javascript获取视频的高度,并为列表设置max-height值。

假设您的列表ID是" vidList",您可以在javascript中修改max-height,如下所示:

document.getElementById("vidList").style.maxHeight = vidHeight;

以下是我尝试使用固定尺寸iframeul的{​​{3}}。以下是codepen