Hello, I'm creating a site in bootstrap 4. When I try to center a section of my site vertically, it just does not work. I've tried using several ways to focus the text (flexbox, custom css, ...), but nothing seems to work. The code I used was as follows:
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
<img src="images/school-portugal.png" width="100%" height="100%"/>
</div>
<div class="col-sm-12 col-md-12 col-lg-8 col-xl-8 schools-text">
<span class="align-middle">
<h3>Portugal</h3>
<p>Portugal is represented by OFICINA - Escola Profissional do INA, a school located in the north of the country, in the city of Santo Tirso, district of Porto.</p>
</span>
</div>
I am grateful for any help you can give me.