使用引導程序3嵌入響應-21by9它不起作用

Question

如果使用'embed-responsive-16by9'正確工作，在嵌入元素上使用引導程序3。但是如果我使用「嵌入響應-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> 

Answer 1

我添加此對CSS和它的工作：

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