html - [Bootstrap]“自适应” iframe裁剪过大或过大

我有一个像这样的缩略图库：

    <div class="col-lg-2 col-md-3 col-xs-6 thumb">
                    <a class="thumbnail" href="#" id="mylink">
                        <img class="img-responsive" src="http://placehold.it/400x300" alt="">
                    </a>
                </div>

我想将这些图像/链接替换为iframe（iframe包含相同的内容：“ mylink”和其中的图像），我想要这样的东西：

    <div class="col-lg-2 col-md-3 col-xs-6 thumb">
                    <iframe id="myiframe" src="iframe-mylink.html"> </iframe>
                </div>

我尝试了很多不同的东西，“嵌入式响应式”“嵌入式响应式4by3”，我尝试更改高度，宽度，填充，边距，显示...

但是什么都行不通，总有一个问题，它要么被裁剪，要么太大要么太小。

你会建议我什么？

最佳答案

当您尝试了响应式嵌入时，您还记得将其正确包装吗？

<div class="col-lg-2 col-md-3 col-xs-6 thumb">
  <div class="embed-responsive embed-responsive-4by3">
    <iframe class="embed-responsive-item" id="myiframe" src="iframe-mylink.html"></iframe>
  </div>
</div>

关于html - [Bootstrap]“自适应” iframe裁剪过大或过大，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34122667/