Установить размер для реагирования iframe в бутстрапе

Можно ли установить размер в виде рамки в бутстрапе?

Я установил iframe следующим образом:

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

И я постарался установить максимальную высоту до 450 пикселей с помощью этого:

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

Это не имело никакого эффекта. Можете ли вы дать мне подсказку, как можно добиться меньшего, но все же отзывчивого iframe?

Ответ 1

У меня была такая же проблема, и я решил ее добавить, добавив строку и col-sm-8 (в зависимости от того, какой размер вы хотите) вокруг .embedive-divive.

<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>