Bootstrap嵌入响应式视频iframe框架embed-responsive

Bootstrap中利用embed-responsive样式可以嵌入响应式框架:<iframe>、<embed>、<video> 和 <object> 元素。

.embed-responsive——指定div为具有响应式特性的嵌入内容的组件;

.embed-responsive-16by9、.embed-responsive-4by3——指定组件内元素宽高比分别为16:9、4:3;

.embed-responsive-item——指定组件内的元素的最终样式与其它属性相匹配;

使用方法

For:

嵌入iframe外部视频:

Views: 2,263
飞鱼

发表评论

电子邮件地址不会被公开。 必填项已用*标注