Как выровнять эти 2 изображения в одном ряду?

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

Не думаю, что вы правильно используете col. Убедитесь, что все подряд равно 12. Например,

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

Если оно больше 12, оно выплеснется ниже строки.