html - Bootstrap 行的高度取决于第一列

标签 html css twitter-bootstrap

我需要为包含 2 列的 youtube 视频制作包装器:

  • 视频 block
  • 像播放列表一样的可滚动列表 block

enter image description here

因此,列表 block 的高度取决于视频(响应式)的高度。我该如何执行此操作? 谢谢。

最佳答案

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

假设您的列表 id 是“vidList”,您可以在 javascript 中像下面这样修改 max-height:

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

以下是codepen我尝试使用固定大小的 iframeul。以下是preview .

关于html - Bootstrap 行的高度取决于第一列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32459907/

相关文章:

css - 居中对齐子 div 并处理 float 和填充

javascript - 我是否必须为每个下拉菜单创建单独的 cookie?

HTML 元素不会固定在右边

html - 用响应图像填充 div 背景

php - 如何将 Angular Datepicker UI 值插入 MySQL 列?

html - 在 Bootstrap 中使用网格系统

javascript - 当我将其粘贴到我的主站点时,为什么我的 @keyframes 不播放

javascript - IE8 中的文本溢出输入字段和占位符问题

css - Bootstrap 列内的响应图像高度

html - Bootstrap :I want to push the div down when I change the window to xs