When I use the align-items-center
class in the row section, it just doesn't seem to work as expected:
<div class="container">
<div class="row align-items-center">
<div class="col-12 bg-warning">
hello
</div>
</div>
</div>
I am aiming for the line to be vertically centered on the page, similar to what is shown in this picture: