我试图决定在使用Bootstrap和Foundation进行node.js express路由的前端工作。我想知道Bootstrap是否有任何方法可以获得与Foundation相同的Flex Video功能（据我所知，它是基于屏幕大小的自动调整大小）？
编辑： 关于Peter Wooster的答案，如果有一个可以在没有框架的情况下轻松完成的解决方案，为什么人们会对Flex-Video做出如此大的讨论呢？
答案 0 :(得分：13)
Bootstrap有响应式嵌入：http://getbootstrap.com/components/#responsive-embed
无可比拟的例子，只是为了避免愚蠢的烦恼SO官僚抱怨“仅链接答案”：
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="…"></iframe>
</div>
答案 1 :(得分：2)
您不需要框架来执行自适应视频，因此如果不包含该视频，您可以添加它。
诀窍是将视频包装在具有width:100%; height:0; padding-bottom:66%的div或您希望视频具有的任何宽高比中。将视频的宽度和高度设置为100％。该div将正确缩放并保持其宽高比，视频将填充它。
编辑：这个技巧不是新的，只是不为人所知，这里有一篇2009年的文章描述它：http://alistapart.com/article/creating-intrinsic-ratios-for-video。幸运的是，不再需要IE5-6 kludges。