gpt4 book ai didi

css - 在 Bootstrap 中将大小设置为响应式 iframe

转载 作者:技术小花猫 更新时间:2023-10-29 10:32:28 25 4
gpt4 key购买 nike

是否可以在 bootstrap 中为 inframe 设置大小?

我这样设置 iframe:

<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="…"></iframe>
</div>

我尝试将最大高度设置为 450 像素:

.embed-responsive {
max-height:450px;
}

这根本没有效果。你能给我一个提示,如何实现更小但仍然响应迅速的 iframe?

最佳答案

我遇到了同样的问题,并通过在 .embed-responsive div 周围添加一行和 col-sm-8(根据您想要的大小)解决了这个问题。

<div class="row">
<div class="col-sm-8">
<div class="bs-example" data-example-id="responsive-embed-16by9-iframe-youtube">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>

关于css - 在 Bootstrap 中将大小设置为响应式 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27384997/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com