センター画像の位置は絶対にブートストラップで

Question

私は可能な限りすべてを再現しようとしました。 CSS：

.container-fluid-max { 
    max-width: 1440px; 
    height: 300px; 
    background-color: black; 
    margin: 30px 0; 
} 
.bg-img{ 
    margin: 0px; 
    padding: 0px; 
    height:300px; 
    border: 3px 0 solid $b-black; 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: cover; 
} 
.bg-img img{ 
    max-height:450px; 
    position:absolute; 
    bottom: 0px; 
} 

https://jsfiddle.net/DTcHh/19984/

私の問題：私はセンタリングする画像を取得しようとしています。私のプロジェクトでは、imgは常に異なる/ランダムなものなので、実際にはどのような高さ/幅があるのか​​分かりません。ちょうど私がそれを450pxより高くしたくないと言っています。

これは上のdivに入力しても問題ありません。それは私が達成したいことです。

Answer 1

は、このコードを試してみてください：

.bg-img img{ 
    max-height:450px; 
    position:absolute; 
    bottom: 0px; 
left:0; 
    right:0; 
    margin:0 auto 
}