如何使用实际使用跨度嵌入视频与twitter bootstrap?

时间:2013-05-20 23:56:13

标签: css iframe twitter-bootstrap

我需要在网页中嵌入一个youtube剪辑,然后使用twitter bootstrap。如何正确地实际使用span来嵌入视频?

那里有很多决议!例如,如果我选择span8作为视频 - 它将是~620像素宽的iframe视频。这可能是更小分辨率的问题。

1 个答案:

答案 0 :(得分:7)

将iframe的宽度和高度设置为相对于包含div span*的(100%)。选择适合您设计的跨度宽度。 如果您启用了Twitter bootstrap的响应功能,请参阅:http://twitter.github.io/bootstrap/scaffolding.html#responsive您的跨度的宽度,以及iframe随分辨率的变化。

https://stackoverflow.com/a/12235638/1596547显示了如何使iframe的大小响应。

示例请参阅:http://bootply.com/BassJobsen/61833