【问题标题】:How to use actually use span to embed videos with twitter bootstrap?如何使用 twitter bootstrap 实际使用 span 嵌入视频?
【发布时间】:2013-05-15 15:13:21
【问题描述】:

我需要在网页中嵌入一个 youtube 剪辑,并且我使用 twitter 引导程序。如何正确地实际使用 span 来嵌入视频?

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

【问题讨论】:

标签: css iframe twitter-bootstrap


【解决方案1】:

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

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

示例见:http://bootply.com/BassJobsen/61833

【讨论】:

  • 太棒了!这正是我想要的。
  • 对于非 iframe
  • @geoff 做这个问题:stackoverflow.com/questions/19101254/… 对你有帮助吗?
  • 这不适用于 bootstrap 3。任何人都可以提供同样的帮助吗?
  • 如果您将span* 替换为col-sm-*,我找不到它不起作用的原因?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-08-23
  • 1970-01-01
  • 2012-03-17
  • 2012-05-13
  • 1970-01-01
  • 1970-01-01
  • 2016-03-25
相关资源
最近更新 更多