Hello, i have a issue with the vertical align, y have a panel with a header, body with grid with rows and columns inside. and a footer with also a row with two columns. I try to give the text a vertical align but even with flex option turned on and using a container before a row, i couldn’t until now. Can you help me with this? I attache the footer part but it happen in the body also, always with the heading text, the image are aligned.
Thanks!
<footer class="bg-light">
<div class="container d-flex justify-content-center hook-footer-container">
<div class="row flex-fill hook-footer-container">
<div class="col d-flex justify-content-center align-content-center align-self-center">
<h5>Status:</h5>
</div>
<div class="col d-flex justify-content-center align-self-center">
<h5 class="text-center text-sm-center text-md-center text-lg-center text-xl-center text-white bg-success flex-fill" id="hook-status-online">ONLINE</h5>
</div>
</div>
</div>
[error1|289x392](upload://9uJuzenpq8f8iLY7TVbA274YIQP.png)