Почему не работает align-self в Bootstrap 4?

Question

[Vladislav Pal]

У меня не работает align-self при использовании Bootstrap 4. Вроде я указал всё правильно, но оно не работает. В чём ошибка?

//Хотел сделать кнопки в виде ступенек
<div class="border border-info flex-container" style="height: 8rem;">
<div class="d-flex justify-content-between">
  <div class="d-flex align-self-start">
	  <button class="btn btn-outline-success">Qwerty</button>
   </div> 
  <div class="d-flex align-self-center">
	  <button class="btn btn-outline-success">Qwerty</button>
  </div>	
  <div class="d-flex align-self-end">
	<button class="btn btn-outline-success">Qwerty</button>
  </div>
</div>
</div>

Comments

[Froggyweb]

высота задана не тому диву
нужно этому d-flex justify-content-between

Answer 1

[Aleksander911]

Задай этот height: 8rem для
<div class="d-flex justify-content-between">

Либо добавь стили к d-flex justify-content-between

.d-flex.justify-content-between {
    height: 100%;
}