如何将这两张图片对齐在同一行上？

Question

因此，我可以将2张图像放在同一行中，但是由于我想为两个图像都添加一个字幕，所以现在一个字幕留在顶部，而另一个字幕排在另一行。

现在几乎尝试了所有内容，但是当我有字幕时我无法对齐它们

<div class="container row-info">
    <div class="row-fluid ">
        <div class="col-sm-4 col-xs-12 text-right">
            <figure class="figure">
              <img src="imagens/info.png" class="img-fluid img-info">
                  <figcaption class="figure-caption text-center">Info</figcaption>
            </figure>
        </div>
        <div class="col-sm-4 col-xs-12 text-let">
            <figure class="figure">
                <img src="imagens/idioma.png" class="img-fluid img-idioma">
                <figcaption class="figure-caption text-center">Idioma</figcaption>
            </figure>
        </div>
    </div>
</div>

Answer 1

我认为您没有正确利用彩色字体。确保连续的所有等于12。例如；

<div class="row"> 
    <div class="col-6">  <img...> </div>
    <div class="col-6">  <img...> </div>
</div>

如果大于12，则会溢出到该行下方。