bootstrap 4将div连接在一起并由顶部边界对齐

Question

我想对齐和图像以及div内联。我也想要图像的顶部和div对齐。这就是我到目前为止所拥有的

<div>
<img src="http://lorempixel.com/500/333/nature/2" class="img-fluid d-inline-block">
<div class="comment d-inline-block">
    <div class="comment-header">
        <span>title</span>
    </div>
    <blockquote>comment</blockquote>
</div>

我尝试了类d-inline-block，它接近我正在寻找的东西，但我需要文本在顶部。

您可以在此处看到：http://www.bootply.com/zpj12TL4wI

Answer 1

Bootstrap 4包含一个实用程序类：<p>。 无需额外的CSS ......

align-top

http://www.bootply.com/wtAOA1JPn1

Answer 2

只需要垂直对齐变化即可：

.comment {
    vertical-align: top;
}