Twitter bootstrap 3 使用Bootstrap 3 embed-responsive-21by9，它不会'；行不通

如果使用“embed-responsive-16by9”，则在嵌入元素上使用Bootstrap 3可以正常工作。但是如果我使用'embed-responsive-21by9'，它就不起作用了！为什么？我怎样才能修好它

这项工作：

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

---

我在css上添加了这个选项，它可以工作：

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

---

发布你的代码，你已经发布了代码@MLEGG id=“map\u detail”的css有什么功能。这是openlayer3映射。可能是bootsrap版本问题？21:9的比例是否在版本3上实施@姆莱格