Html 将img与引导3中的Jumbotron底部对齐

使用示例模板中的Bootstrap 3和Jumbotron，我有以下几点：

<div class="jumbotron" style="margin-bottom:0px; background:url('/img/bgimg.jpg') white no-repeat; min-height:450px;">
    <div class="container">
        <img src="img/logo.png" class="img-responsive center-block" style="opacity:0.8;">
    </div>
</div>

我希望内部图像logo.png被拉到Jumbotron的底部

---

我怎样才能做到这一点？

使用css位置，如下所示：

<div class="jumbotron" style="margin-bottom:0px; background:url('/img/bgimg.jpg') white no-repeat; min-height:450px; position: relative;">
    <div class="container">
        <img src="img/logo.png" class="img-responsive center-block" style="opacity:0.8; position: absolute; bottom: 0;">
    </div>
</div>

---

您能创建一个bootply或jsFiddle示例吗？实际上我已经尝试过了。问题是容器在小屏幕上变得太宽，并在右边缘流动。是否可能看到代码的某个地方？在小提琴是不可能使用引导，但你可以尝试代码笔？