Как правильно выровнять серию изображений в bootstrap 4?

Question

У меня есть группа изображений, и я хочу разместить их справа в блоке. Вот что я попробовал:

   <div class="row" >
        <div class="float-right">
            <img src="1.png"/>
            <img src="2.jpg"/>
            <img src="3.jpg"/>
            <img src="4.png"/>
        </div>
    </div>

Но изображения все еще слева. Если я удаляю «строку» или заменяю ее чем-то вроде d-block, они идут вправо, однако деление перекрывает существующие !!

Answer 1

Вам необходимо использовать:

<div class="d-flex justify-content-end">...</div>

Класс d-flex делает ваш упаковочный div макетом flexbox, изображения должны быть прямыми потомками этого div. Класс justify-content-end выравнивает все изображения по правой стороне строки.

Документы начальной загрузки: https://getbootstrap.com/docs/4.0/utilities/flex/#justify-content