Align-items и align-self в Bootstrap отличаются подходом к выравниванию элементов. 15

Align-items выравнивает элементы по поперечной оси (при расположении в виде строки — по вертикали, при расположении в виде столбца — по горизонтали). 1 Это свойство может принимать значения: stretch (значение по умолчанию), flex-start (элементы выравниваются по верхнему краю), flex-end (элементы выравниваются по нижнему краю), center (элементы выравниваются по центру flex-контейнера) и baseline (элементы выравниваются в соответствии со своей базовой линией). 1

Align-self позволяет переопределить значение свойства align-items для одного элемента. 1 Оно может принимать все те же значения плюс значение auto (значение по умолчанию, при котором элемент получает значение от свойства align-items, которое определено в flex-контейнере). 1

Таким образом, align-items выравнивает дочерние блоки, а align-self — текущий блок. 5