响应式嵌入YouTube自定义大小Bootstrap 3.3.6

时间:2016-06-06 10:11:54

标签: html css twitter-bootstrap youtube embed

据我所知,Bootstrap 3.3.6支持嵌入式iframe的16by9和4by3格式。如果我想使用16by9和4by3之外的自定义自定义大小,我该如何嵌入?就像5by3的格式一样,但在缩放时仍然保持成比例。

非常感谢。

Bootstrap建议的方法:

MyField2

1 个答案:

答案 0 :(得分:1)

embed-responsive-XbyY仅使填充底部等于比率Y / X百分比

您可以轻松制作embed-responsive-5by3 3/5 = 60%

.embed-responsive-5by3{
   padding-bottom: 60%;
}

.embed-responsive给出了其余样式