使用Bootstrap 3 embed-responsive-21by9它不起作用

Question

如果使用＆embed-responsive-16by9＆＃39;在embed元素上使用Bootstrap 3它正常工作。但是，如果我使用＆＃39; embed-responsive-21by9＆＃39;它不起作用！为什么？我该如何解决？

这有效：

<div class="embed-responsive embed-responsive-16by9" >
    <div id="map_detail" class="map embed-responsive-item" ></div>
</div>

这不起作用：

<div class="embed-responsive embed-responsive-21by9" >
    <div id="map_detail" class="map embed-responsive-item" ></div>
</div>

Answer 1

我在css上添加它并且它可以工作：

   .embed-responsive-21by9 {
    padding-bottom:42.85%;
    }