小编Abu*_*ish的帖子

Bootstrap响应嵌入不按预期工作

在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>
Run Code Online (Sandbox Code Playgroud)

html responsive-design twitter-bootstrap-3 youtube-iframe-api

6
推荐指数
1
解决办法
4719
查看次数