html - Bootstrap Jumbotron 停靠图像到底部

Question

我有以下问题。

我在带有 Boostrap 的超大屏幕上有一个标题。现在我想将图像停靠在底部。

我尝试了 stackoverflow 上显示的其他一些方法，但似乎没有任何效果。

这是代码:http://jsfiddle.net/S298j/3/

代码问题:

<div class="jumbotron-main">
    <h1>
            HERE IS MY HEADLINE
    </h1><br>
    <h2>
        HERE IS MY SUB HEADLINE
        </h2>
  <img src="imageskIsFb.png"/> 
 </div>

Answer 1

试试这个: 像这样用“center-block”类将您的 img 包装在容器中。

<div class="center-block">
  <img  src="http://i.epvpimg.com/kIsFb.png" />
</div>

这将使标题文本下方的 img 居中对齐。 接下来添加一些自定义样式。这段代码让你接近。玩转维度。

.jumbotron-main img {
    width: 100%;
    max-width: 600px;
}