html - Bootstrap 响应式嵌入无法按预期工作

Question

在 Bootstrap 3.1 的网格系统中嵌入视频，视频不会展开网格列的全宽。如何使父列保持 100% 宽，保持纵横比？ 此外，即使我使用 4:3 视频，它在浏览器中看起来也很宽，高度很短。 这是我的代码:

<div class="row">
   <div class="col-md-8">
   .
   <!-- other items-->
   .
   </div>

   <div class="col-md-4">
            <div class="embed-responsive embed-responsive-4by3">
                            <iframe class="embed-responsive-item" src="//www.youtube.com/embed/gYhi3pAiQY4"></iframe>
            </div>
   </div>
</div>

Answer 1

作为Rob said in a comment :

Pretty sure embed-responsive wasn't added until 3.2. Try updating.