ブートストラップ3を使用する埋め込みレスポンス21by9は機能しません

Question

「埋め込みレスポンス16by9」を使用すると、埋め込み要素にブートストラップ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> 

Answer 1

私はCSSでこれを追加し、それが動作：

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