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.
<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>